По Вашему коду обратиться к ней можно только так (не знаю, уникальный ли у Вас carousel-3d-container
, так что захватил уровень повыше):
#example .carousel-3d-controls .next span {
color: #f00;
left: 10px;
}
Не исключено, что этот класс будет перебит основными стилями, так что придётся прописывать !important
.
Если вы используете пакет vue-owl-carousel, обратите внимание, что в компоненте присутствуют слоты для элементов навигации (prev
и next
), там можно объявить свой код-обертку со стрелочкой и своим уникальным классом, а там уже и двигать элемент как угодно.