2014-09-06 92 views
0

我在全宽模式
对我是一个网站使用flexSlider building.see这里:
http://clients.tipoos.com/glam/
通知,该网站hasthis全宽部分为滚动条,但。主要全宽flexSlider与中心方向箭头

我正在试图完成的似乎很容易,但我不能让它工作: 我想保持滑块全宽,但所有其他内容 将使用称为一致的类中心以这样的箭头为中心:

enter image description here

我试图写小jquery包装与div的箭头,但它没有奏效。
既不包装也不wrapAll正在..

会感谢所有帮助
感谢

+0

如何给箭头上的“margin-right”和“margin-left”。 – onetwo12 2014-09-06 18:47:14

+0

这不是一个好主意,因为该网站一直都是响应式的,您必须将值更改为所有视口。方向需要包装箭头UL元素与包装功能在Jquery – 2014-09-06 20:32:42

+0

你不必改变价值只是'右边缘:20%'为右箭头和'边缘左:20%'为左箭头。 – onetwo12 2014-09-07 09:17:07

回答

0

找到了解决办法。希望它能帮助这里的任何人。 为中心的箭头,但仍然全宽滑块 我用follwing CSS:

.flexslider .flex-direction-nav { 
    margin: 0 auto !important; 
    max-width: 980px; 
    position: relative; 

} 

说明:

保证金:0汽车重要的;
该中心箭头容器

max-width:980px;
根据您的网站宽度给定固定宽度

position:relative;
这使得魔法。它允许箭头被定位在主格内

我也向我的箭头添加了负面的顶端位置,但这只是在我的情况下
希望可以帮助任何人。