Avisos
Vaciar todo

REVOLUTION SLIDER ALIGN IZQUIERDA por defecto

7 Respuestas
4 Usuarios
0 Reactions
1,099 Visitas
 Laia
Respuestas: 36
Eminent Member
Topic starter
 

Hola! Tengo un problema con el revolution slider.
Los pongo dentro de div para que se puedan poner uno al lado del otro, pero por defecto el revolution slider esta alineado a la izquierda, me gustaría poder centrarlos, porque cuando la pantalla es mas pequeña quedan descentrados al bajar a la fina de abajo.

Gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 15/02/2016 10:39 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

No veo que se cargue ningún slider en la página que nos indicas. Tendríamos que poder verlo de forma directa para analizar el código que se carga.

Es posible que se puede centrar el div poniendo un código como el siguiente en su creación, aunque lo mejor sería que lo pudiéramos ver:


 
Respondido : 15/02/2016 1:48 pm
 Laia
Respuestas: 36
Eminent Member
Topic starter
 

Se ven 3 imagenes, estas estan creadas con Revolution Slider y después estan puestas cada una dentro de un div para poder ponerlas una al lado de la otra (float: left;)

http://www.ineditbarcelona.com/prova-pis-sense-desplegar/


 
Respondido : 15/02/2016 1:54 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

En el caso que quieres para que se centren lo mejor sería que en luegar de float:left; , usar mejor
display:inline-block;

Luego el elemento contenedor, adicional a lo que te comentó Pablo usar : text-align:center;

Saludos


 
Respondido : 15/02/2016 5:25 pm
 Laia
Respuestas: 36
Eminent Member
Topic starter
 

Ahora lo tengo así.
Pero no hay manera de centrarlo.

[rev_slider GOTIC-R1]
[rev_slider GOTIC-R1]
[rev_slider GOTIC-R1]
[rev_slider GOTIC-R1]


 
Respondido : 16/02/2016 9:23 am
Rafael
Respuestas: 1975
Noble Member Moderator
 

Hola Laia,

Prueba a colocar en el editor de la página lo siguiente:

[rev_slider GOTIC-R1]
[rev_slider GOTIC-R1]
[rev_slider GOTIC-R1]
[rev_slider GOTIC-R1]
.row-centered { text-align:center; } .col-centered { display:inline-block; float:none; text-align:left; margin-right:-4px; padding: 5px; }

Fuente original -> http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-centered-columns

Ten en cuenta que desde foro no atendemos CSS ni programación personalizada tal y como está colocado en nuestras cabeceras.

Lo que te indico es una base para que puedas colocar cuatro columnas con todo el ancho posible y responsivo.

Saludos


 
Respondido : 16/02/2016 9:57 am
 Laia
Respuestas: 36
Eminent Member
Topic starter
 

Perfecto! Muchas gracias


 
Respondido : 16/02/2016 10:00 am