Produits mis en avant page d'accueil

[patriciaprovence]

Bonjour,

 

J'aimerais réduire l'espace que je trouve bien trop grand entre le nom du produit et son prix dans les produits mis en avant de la page d'accueil.

Je me doute que c'est au niveau des css qu'il me faut agir, mais je ne parviens pas à trouver sur lequel.

 

Merci par avance de votre aide.

 

Bonne fin de journée,

 

 

 

Patricia

 

[patriciaprovence]

Bonsoir,

 

Le site n'est pas encore en ligne, je travaille en local pour le moment.

 

 

 

Patricia

[patriciaprovence]

Bonjour,

 

Je suis sur Mac, donc pas de "clic droit", mais cela ne me pose pas de problème pour trouver les renseignements :

 

- version Prestashop : 1.6.0.11

- thème : je travaille sur une copie du thème par défaut

 

Pour info :

- je n'ai pas touché aux scripts des différentes pages concernant les produits ni au css s'y rapportant, j'ai juste changé les couleurs via theme configurator.

- j'utilise Dreamweaver CS6 pour modifier les pages.

 

Patricia

[patriciaprovence]

Personne n'a une idée ?

Suis-je la seule à avoir ce problème d'espace entre nom du produit et prix sur la page des produits mis en avant avec une version Prestashop 1.6.0.11, le thème par défault et le module des produits mis en avant version 1.6.4  ?

 

 

 

Patricia

[rem64]

Bonjour Patricia,

 

Si j'ai bien compris votre problème voici la solution :

 

Dans le fichier /themes/votre-thème/css/product_list.css

 

recherchez :

ul.product_list.grid > li .product-container .content_price {

    line-height: 21px;

    padding-bottom: 9px;

}

 

et remplacer par

ul.product_list.grid > li .product-container .content_price {

    line-height: 21px;

    margin-top: -40px;

    padding-bottom: 9px;

}

 

Suivant le résultat que vous souhaitez il faut modifier le nombre de pixel de margin-top.

[patriciaprovence]

 

Bonjour Patricia,

 

Si j'ai bien compris votre problème voici la solution :

 

Dans le fichier /themes/votre-thème/css/product_list.css

 

recherchez :

ul.product_list.grid > li .product-container .content_price {

    line-height: 21px;

    padding-bottom: 9px;

}

 

et remplacer par

ul.product_list.grid > li .product-container .content_price {

    line-height: 21px;

    margin-top: -40px;

    padding-bottom: 9px;

}

 

Suivant le résultat que vous souhaitez il faut modifier le nombre de pixel de margin-top.

 

 

Bonjour,

 

Génial, c'est exactement ce qu'il fallait faire. J'avoue que je n'aurais pas pensé à mettre un (ou une ?) margin-top en négatif...

 

Un grand merci à vous.

 

 

 

Patricia

[yuzin]

A propos du clic droit sur Mac, il y a déjà quelques années que les Mac sont livrés avec une souris sans fil où il y a clics droit et gauche etc.

Pour les anciens modèles, depuis toujours c'est "controle-clic" qui remplit ce rôle.