自定義WP FlexSlider插件 - 刪除上一個/下一個側面板

Question

我想知道是否有辦法來a）減少滑塊的prev /下一側的寬度或b）完全刪除這兩個面板，但保持箭頭可以在幻燈片中循環播放？ （這些元素似乎是ul.flex-direction-nav。）

我試過 ul.flex-direction-nav { display:none; }無濟於事。

滑塊可以看作是在這個主題中使用 - http://themeforest.net/item/serene-magazine-wordpress-theme/5663537

Answer 1

它使用的樣式比您嘗試覆蓋它們的樣式更具體。

要完全刪除：

#featured-slider .flex-direction-nav { display:none; } 

，那麼你就需要從#featured-slider去除填充：

#featured-slider { padding:none; } 

，如果你在Firebug測試你需要滾動，一旦你爲插件的jquery添加這些樣式以正確顯示調整。

---

重新大小：

需要調整下一/先前幻燈片的寬度，該鏈接的寬度，箭頭的定位，和的定位圍繞箭頭的圓圈。 100px寬的例子：

<!-- next/prev slide width --> 
#featured-slider { padding-left:100px; padding-right:100px; } 

<!-- link width --> 
#featured-slider .flex-direction-nav a { width:100px; } 

<!-- circle position --> 
#featured-slider .flex-direction-nav a:after { left:30px; } 

<!-- arrow position --> 
#featured-slider .flex-direction-nav a:before { left:36px; } 

希望有幫助。

Answer 2

Flexslider實際上已經默認設置來控制閹導航顯示或者不顯示。在您的JS中，您可以調用flexslider，請嘗試如下所示：

$('.your-flex-element').flexslider({ 
controlNav: false; 
directionNav: false; 
});