HTML - Configurar botones de 2 Owl Casorusel en una misma pagina

Hola amigos:

Tengo una duda a ver si tu me pueden ayudar:

Te comento que puse 2 owl diferentes en mi pagina (index.html), pero quiero editar la posicion del icono para cambiar de slider (navigationText) del segundo sin afectar el primero.

Como puedo lograrlo?

La clase con la que movi los controles fue:

.owl-controls{
position: absolute;
top: -70px;
left: 72%;
}

El detalle es que esta clase me esta moviendo los controles en ambos carruseles.

Como puedo editar la posicion del segundo sin afectar el primero?

Muchas gracias !!!

Estimado, nunca he trabajado con lo que mencionas, pero efectivamente te va a afectar a ambos carruseles si llaman a la misma clase.

Para que cada uno tenga una configuración distinta y funcionen de forma independiente, deben llamar a clases distintas. Intenta crear una clase similar a la del primer carrusel pero con otro nombre y esa clase se la asignas al segundo carrusel. Ejemplo:

// Clase Original
.owl-controls{
position: absolute;
top: -70px;
left: 72%;
}

// Clase segundaria
.owl-controls2{
position: absolute;
top: -50px;
left: 62%;
}

Has la prueba y coméntame como te va.

Saludos!.

Ok Felipe, voy a intentarlo y te comento a ver como me va,,,,muchas gracias por tu tiempo.
saludos.