0

背景:現在、Wordpress で Royal Slider プラグインを変更しようとしています。

目標:キャプションの幅を 100% (画像と同じ幅) にしたい。

問題: CSS コーディングに苦労しており、しばらくいじっていますが、結果が得られません。

編集：現在の（間違った）コーディング：

まだ問題があります。

<div class="rsContent">
  {{image_tag}}
<div class="rsCaption"> 
    <h3>{{title}}</h3> 
    <p>{{description}}</p>
<div class="outerDiv" style="width: 100%"></div>
<div class="sliderDiv style="width: 100%"></div>
<div class="captionDiv" style="width: 100%"></div>
  {{thumbnail}}
  {{html}}
  {{animated_blocks}}
  {{#link_url}}
  <a class="rsLink" href="{{link_url}}">{{title}}</a>
  {{/link_url}}
</div>

ページへのリンク: http://www.mountainobsession.com/peaks-o-the-week-mount-temple/

前もって感謝します。私はこれに本当に苦労しています。

4

1 に答える 1

0

実際のページへのリンクを投稿していただければ、そこで何が起こっているかを簡単に確認できます。または、自分でやりたい場合は、クロム検査ツールを使用できます。

編集：あなたのリンクの後 訪問：

あなたのページを調べたところ、クラス rsGCaption がトップ div の CSS スタイルを継承していることがわかりました。位置属性を絶対から相対に設定することでそれがわかりました。これを修正する唯一の方法は、外側の div を作成することです

<div class="outerDiv"> "Give this width as you like" 
  <div class="sliderDiv> "make width to 100%"
  </div>
  <div class="captionDiv"> "make width to 100%"
  </div>
 "put any number of divs below as you like and don't forget to close them properly"
</div>

私はこれを試してみましたが、私のために働いています。それがどうなるか教えてください。

于 2013-07-07T02:20:39.630 に答える