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

您能否将链接发布到您的实际页面，这样会更容易看到那里发生了什么。或者，如果您想自己执行此操作，可以使用 chrome 检查工具。

编辑：链接后访问：

我检查了您的页面，发现类 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 回答