2014-09-06 69 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;
這使得魔法。它允許箭頭被定位在主格內

我也向我的箭頭添加了負面的頂端位置,但這只是在我的情況下
希望可以幫助任何人。