Как подвинуть стрелку в owl-carousel?
Хочу выровнять стрелку навигации, но не получается к ней обратиться. Пишет, что в owl-next стрелка именуется элементом #text, но при обращении к этому элементу не происходит ничего. Как это исправить?
Весь код jsfiddle.net/94eqtuoy/
Сайт http://tempesv0.beget.tech/
Ответы (1 шт):
По Вашему коду обратиться к ней можно только так (не знаю, уникальный ли у Вас carousel-3d-container, так что захватил уровень повыше):
#example .carousel-3d-controls .next span {
color: #f00;
left: 10px;
}
Не исключено, что этот класс будет перебит основными стилями, так что придётся прописывать !important.
Если вы используете пакет vue-owl-carousel, обратите внимание, что в компоненте присутствуют слоты для элементов навигации (prev и next), там можно объявить свой код-обертку со стрелочкой и своим уникальным классом, а там уже и двигать элемент как угодно.