Пули Nivo Slider "не отцентрированы" после добавления дополнительных слайдов - PullRequest
Новая
       50

Пули Nivo Slider "не отцентрированы" после добавления дополнительных слайдов

2 голосов
/ 28 сентября 2011

Я использую Nivo Slider в моем WordPress и vBulletin с Iframe.но когда я добавил больше слайдов, навигационные маркеры повернули вправо и больше не центрированы.я просто знаю о CSS нет JQuery.Как я могу решить эту проблему?

Снимок экрана: http://up.vbiran.ir/images/e7r4xxdp09ms0bafb4f.jpg

Ответы [ 2 ]

3 голосов
/ 19 февраля 2012

Приведенное выше решение может быть проблемой в случае, если на странице используется несколько экземпляров ползунков на основе темы по умолчанию. Возможные решения: 1> Префикс класса nivo-controlNav с идентификатором слайдера, который вы меняете.Например: если у вас есть слайдер с идентификатором nivoSlider123, вы должны переопределить поля следующим образом: 

jQuery('div#nivoSlider123 .nivo-controlNav').css('position:absolute;left:50%;bottom:-42px;margin-left:-40px;');

Теперь вы можете регулировать значение margin-left, не затрагивая другие слайдеры.

2> Использование более обобщенного кода CSS: 

.theme-default .nivo-controlNav {
    position:absolute;
    bottom:-42px;
    /*left:50%; margin-left:-40px;*/ /* Tweak this to center bullets */
    width:100%;text-align:center;
}
.theme-default .nivo-controlNav a {
    /*display:block;width:22px;height:22px;background:url(bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;*/
    display:inline-block !important; width:22px; height:22px; background:url(bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px;
}

Надеюсь, это поможет.

1 голос
/ 17 октября 2011

Посмотрите на файл CSS для темы.По умолчанию это будет themes / default / default.css.

Найдите это и сделайте, как сказано: 

.theme-default .nivo-controlNav {
    position:absolute;
    left:50%;
    bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
}
...