[SOLUCIONADO] A ver si alguien me orienta a centrar las fotos de este slider

[isabellawebs]

Bueno he estado desde ayer tratando de ubicar centradas las imágenes verticales de este slider, supongo que con alinear esta en el css todas lo harán, he usado el editor online de chrome y de ie y no he podido centrarlas, alguna ayuda?

El ejemplo sería como la primera imagen, la vertical, la que sale de primera, quisiera que apareciera centrada y no a la izquierda... gracias de antemano.

http://isawebs.net/laherradura/cab_nuevas.html

[Triby]

Código CSS:

.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
 

Podrías intentar modificar alguno de esos dos:
En .flexslider .slides > li usar text-align:center;
En .flexslider .slides img usar margin:0 auto;

[leoass]

hola Isabella. Si te fijas en la linea 14 del estilo, encontraras esto:

.flexslider .slides img {
display:block;
max-width:100%;
}

Intenta darle a la propiedad display, el atributo inline. Si no te llega a resultar, intenta con inline-block

[isabellawebs]

Iniciado por Triby

Código CSS:

.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
 

Podrías intentar modificar alguno de esos dos:
En .flexslider .slides > li usar text-align:center;
En .flexslider .slides img usar margin:0 auto;

Efectivamente, era la segunda solución que me diste Triby!

Código:

.flexslider .slides img {max-width: 100%; display: block; margin:0 auto;}

Muchas gracias por la ayuda! A ti y a leoass, no me funcionó tu método :( Mil gracias!