problema en configuración de imágenes de la pagina principal

[gblbarra]

Buenas,

 

Tengo un problema que no consigo solucionar. A la hora de colocar varias fotos de cada categoria de mi pagina, la ultima foto no consigo que quede en el lugar que quiero( ver imagen).

 

He probado a borrar la foto y subirla cambiandola de tamaño y no me deja.

 

A ver si alguien puede ayudarme.

 

Gracias,

 

Un saludo

[nadie]

Buenas,

 

Tengo un problema que no consigo solucionar. A la hora de colocar varias fotos de cada categoria de mi pagina, la ultima foto no consigo que quede en el lugar que quiero( ver imagen).

 

He probado a borrar la foto y subirla cambiandola de tamaño y no me deja.

 

A ver si alguien puede ayudarme.

 

Gracias,

 

Un saludo

 

Viendo la captura de tu tienda que has adjuntado en el primer mensaje (Veo que usas Prestashop 1.6), he accedido a tu web: http://arteirahama.com/index.php veo que te refieres al modulo themeconfigurator (configurador de temas) en la pagina principal.

 

Viendo en el CSS (en chrome si pulsa en boton derecho ratón -> inspeccionar elemento, puedes ver lo que te adjunto en la captura), la parte que comentas de la ultima imagen, veo que el penultimo elemento (que no la imagen, sino el elemento que son dos cosas distintas) tiene en el CSS un ancho mas "largo" que las otras, y por eso te ocurre lo que te ocurre y desplaza a las otras

 

Adjunto imagen

 

 

 

 

 

en fichero:

modules/themeconfigurator/css/hooks.css

Busca esto:

#htmlcontent_home ul li.htmlcontent-item-5 {
    width: 66.6667%;
}

Y comentalo directamente:

/* #htmlcontent_home ul li.htmlcontent-item-5 {
    width: 66.6667%;
} */

Asi cogera el ancho que tiene el grid por defecto y no un valor que se le ha forzado.

 

 

-------------

 

O quizas te conviene mejor crear un override del CSS, para que si en un futuro se actualiza el módulo y se machaca el CSS no te lleves el susto.

 

Como por defecto en la 1.6 (a dia de hoy, mañana ya se vera), no viene un override del CSS, haz una copia del fichero:

 

modules/themeconfigurator/css/hooks.css

Aquí:

 

/themes/default-bootstrap/css/modules/themeconfigurator/hooks.css

Y en la copia depende hacer lo que te he dicho, cambiar (por ejemplo) por::

 

#htmlcontent_home ul li.htmlcontent-item-5 {
    width: 66.6667%;
}

por

 

#htmlcontent_home ul li.htmlcontent-item-5 {
 width: 33.33333%;
}

Saludos y suerte con la tienda.