2014-02-12 2 views
0

Мне интересно, есть ли способ: a) уменьшить ширину превью/следующих сторон ползунка или b) полностью удалить эти две панели, но сохранить стрелки на месте, чтобы пройти через слайды? (Эти элементы выглядят как ul.flex-direction-nav.)Настройка плагина WP FlexSlider - удаление предыдущих/следующих боковых панелей

Я пробовал ul.flex-direction-nav { display:none; } не напрасно.

Slider можно рассматривать как использовать в этой теме - http://themeforest.net/item/serene-magazine-wordpress-theme/5663537

ответ

1

стили он использует более специфичны, чем те, которые вы пытаетесь переопределить их.

Чтобы полностью удалить:

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

, то вам нужно удалить прокладку из #featured-slider:

#featured-slider { padding:none; } 

если вы тестируете в поджигатель вам нужно будет прокручивать, как только вы добавьте эти стили для jQuery плагина, чтобы правильно отобразить настройки.


Чтобы изменить размер:

вам нужно настроить ширину Next/Prev горок, ширину линии, расположение стрелок, и позиционирования круги вокруг стрелок. пример 100px wide:

<!-- 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; } 

надежды, что помогает.

0

FlexSlider фактически уже имеет настройки по умолчанию для управления отображается кастрированный баран навигации или нет. В ваших JS, где вы называете FlexSlider, попробовать что-то вроде:

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