0

現在、Wordpress で Royal Slider プラグインを変更しようとしています ( http://dimsemenov.com/plugins/royal-slider/ )

テキストをすべてのキャプションの中央に配置し、キャプションの幅を 100% にすることを目指しています

これは動作しているコードです:

<div class="rsContent">
  {{image_tag}}
<div class="rsCaption"> 
    <h3>{{title}}</h3> 
    <p>{{description}}</p>
</div> 
  {{thumbnail}}
  {{html}}
  {{animated_blocks}}
  {{#link_url}}
  <a class="rsLink" href="{{link_url}}">{{title}}</a>
  {{/link_url}}
</div>

これは私が本当に知らない部分です：

#rsCaption { 
position: absolute;
text-align: center;

配置も不安です。

ガイダンス/リンクは素晴らしいでしょう。私はこのことをゆっくりと理解しようとしている全くの初心者です。

4

1 に答える 1

0

まず、あなたが持っていてclass="rsCaption"、あなたのCSSは#rsCaptionどれがID用であるかを示しています。したがって、CSS は次のようになります。

.rsContent { 
    position: relative;
    /* rest of the code that already exists */

}
    .rsContent .rsCaption {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%; 
        margin: 0;
    }

これは単なる推測であり、現時点で何があるかによって異なります。どこかで実際にそれを見ることができれば、それは別のものになるでしょう。

于 2013-07-04T22:19:05.750 に答える