Recuadros descuadrados en Front office de Prestashop 1.4.4.1

HOla

Si te refieres a las imágenes, si que se ven correctamente, ver imagen adjunta

Adjunta tu archivo ya que no se adjuntó para saber exactamente a que te refieres.

Saludos.

Hola:

Me refiero a los recuadros donde van los nombres de cada conjunto de fotos: "¡Tu eres la protagonista! - Diseños Carlos Bravo... " . Adjunto imagen señalando con una flecha a esos recuadros.

Un saludo

HOla

Veo que los estilos que esta herednado estos links de categoría son tomados de tu theme, tendrias que comentarnos que modulo usas para la galería y si has colocado algo manualmente o configurado algunas estilos CSS en la configuración del módulo

Asi como esta actualmente es complicado hacer cambios para que se vea correctamente ya que no hay un contenedor de los links de categorías

Saludos.

Hola:

Por si sirve, el modulo se llama Clientes Galería de fotos v1.4.5 por MyPresta.eu (customersgallery). No se ha hecho ningún cambio en la configuración del módulo.

Gracias.

Hola,

Al parecer tiene activa la cache o algún modulo que comprime los ficheros CSS si lo desactivas podríamos indicarte el fichero a modificar.

Hola:

Ya está desactivada la cache.

Hola,

Revisando el código parece que el problema está en que para estos enlaces con la clase "button" se les está aplicando un ancho fijo de 175 píxels. Este espacio es insuficiente para cargar todo el texto que tienen algunos de estos enlaces, lo que provoca el descuadre.

Este estilo se aplica en el siguiente código del archivo themes/theme257/css/global.css:

input.button, input.button_disabled, a.button, span.button,

input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive {width:175px;  background:#8A084B;}

Si cambias el valor del width de 175px a un valor mayor, por ejemplo 225px, es posible que te entren todos los textos, pero debes de tener en cuenta que este cambio se aplicará a otras partes de la web donde se aplique ese mismo estilo, por lo que si finalmente lo cambias deberás revisar tu web para comprobar que todo se sigue viendo bien.

Gracias. He acortado los textos y queda bien. 🙂
Sólo una cosa mas, por favor. Cómo están juntos y tienen el mismo color de fondo, ¿cómo podría poner a los enlaces un borde blanco, por ejemplo, para que se vean separados?

Hola

Al mismo archivo indicado por Pablo, al final del mismo agrega el siguiente código :

#center_column .button{
	border :1px solid white;
}

Saludos

¡Solucionado! Muchas gracias. 🙂