Применение разных стилей к 2 экземплярам nivo slider, работающим на одной странице

#styles #nivo-slider

#стили #nivo-slider

Вопрос:

У нас есть два экземпляра nivo slider на одной странице. Один экземпляр отображает изображение другого размера, чем другой. Как я могу стилизовать эти два экземпляра по-разному? В частности, я испытываю трудности с позиционированием кнопок навигации. Я попытался создать стиль ‘slider2’, но не могу понять, как применить это к классу темы по умолчанию, который управляет кнопками навигации.

Ответ №1:

Как насчет присвоения каждому слайдеру nivo разного идентификатора? и затем в css вы можете сделать что-то вроде этого:

 #nivo1 .nivo-controlNav { style }
#nivo2 .nivo-controlNav { style }
  

И теперь вы можете управлять кнопками каждого слайдера / навигацией, предварительно введя соответствующий идентификатор.