Avisos
Vaciar todo

REVOLUTION SLIDER ALIGN IZQUIERDA por defecto  

 
Laia
 Laia
Usuario eminente

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

Citar
Respondido : 15/02/2016 10:39 am
Pablo Velasco
 Pablo Velasco
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:

ResponderCitar
Respondido : 15/02/2016 1:48 pm

Laia
 Laia
Usuario eminente

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/

ResponderCitar
Respondido : 15/02/2016 1:54 pm
Jhon
 Jhon
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 15/02/2016 5:25 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Laia
 Laia
Usuario eminente

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]

ResponderCitar
Respondido : 16/02/2016 9:23 am
Rafael
 Rafael
Miembro 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

ResponderCitar
Respondido : 16/02/2016 9:57 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Laia
 Laia
Usuario eminente

Perfecto! Muchas gracias

ResponderCitar
Respondido : 16/02/2016 10:00 am