html - Wordpress中的全宽滑块？

Question

好的，所以我需要一个普通页面中的滑块来跨越整个屏幕。包装器和所有其他元素的最大宽度为 960 像素，这就是滑块的移动距离。如果我改变这些，整个网站就会变得一团糟。

我使用带有 Twentytwelve 主题的 Wordpress 3.5 作为父级。

滑块： http ://rocketplugins.com/wordpress-slider-plugin/

这是我在帖子中使用的唯一代码。所以我想我需要让帖子更宽？[滑块 id='32' 名称='']

Answer 1

解决者

<div id="slider">[slider id='32' name='']</div>

和

#slider {
position: absolute;
left: 0;
right: 0;
height: 563px;
display: block;
}

它不是最好的解决方案。但它有效！

Answer 2

不太确定您的链接解释的产品，但您需要编辑页面模板。

将有一个内容 div（设置了 max-width 的那个）。你的新 div，新滑块的那个，需要在它上面。我为你做了一个页面布局小提琴。

HTML

<div class="newdiv">Slider here</div>
<div class="content">
    <p>Your WordPress post stuff here</p>
</div>

CSS

.content{max-width:960px; height: 800px; background: #D3D3D3; margin: 0 auto;}
.newdiv{width:100%; height:200px; background:#BADA55;}