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

   
Vista:

Configurar botones de 2 Owl Casorusel en una misma pagina

Publicado por joel (2 intervenciones) el 23/05/2016 15:41:07
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 !!!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Felipe

Configurar botones de 2 Owl Casorusel en una misma pagina

Publicado por Felipe (1 intervención) el 23/05/2016 16:15:16
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!.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar

Configurar botones de 2 Owl Casorusel en una misma pagina

Publicado por joel (2 intervenciones) el 23/05/2016 16:40:11
Ok Felipe, voy a intentarlo y te comento a ver como me va,,,,muchas gracias por tu tiempo.
saludos.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar