Jump to content

Modifier la taille de la police du titre des vignettes produit


 Share

Recommended Posts

Bonjour, pourquoi est ce que cette règle CSS ne modifie pas la taille de la police du titre des produit sur les vignettes en FO ?

.product-title {font-size:30px;}

Ca augmente l'espace interligne sans modifier la taille des caractères..

Share this post


Link to post
Share on other sites

  • 2 years later...
Le 13/04/2019 à 1:24 PM, azer a dit :

Bonjour, pourquoi est ce que cette règle CSS ne modifie pas la taille de la police du titre des produit sur les vignettes en FO ?

.product-title {font-size:30px;}

Ca augmente l'espace interligne sans modifier la taille des caractères..

La taille de la police est définie sur la balise a et non sur la balise h3 avec la classe product-title.

Donc il faut appliquer un changement sur

.product-title a {}

dans le fichier custom.css de votre version 1.7

  • Like 1

Share this post


Link to post
Share on other sites

On 1/8/2022 at 11:14 PM, Mediacom87 said:

La taille de la police est définie sur la balise a et non sur la balise h3 avec la classe product-title.

Donc il faut appliquer un changement sur

.product-title a {}

dans le fichier custom.css de votre version 1.7

Bonjour,

j'ai bien renseigné le fichier custom.css de mon theme enfants, mais rien n'y fait, pas de changement.

.product-title a {font-size:40px;}

 

Share this post


Link to post
Share on other sites

En même temps vous avez un template personnalisé donc peut être est ce différent, mais seul l'url du site pourrait permettre de répondre à cette question, de plus si vous changez un truc n'oubliez pas de vider le cache de Prestashop.

Share this post


Link to post
Share on other sites

Just now, Mediacom87 said:

En même temps vous avez un template personnalisé donc peut être est ce différent, mais seul l'url du site pourrait permettre de répondre à cette question, de plus si vous changez un truc n'oubliez pas de vider le cache de Prestashop.

Merci pour votre retour, 

Finalement la phrase suivante à fonctionné: 

#products .product-title a {font-size:1.2rem;}

Mais quelle differance entre "rem" et "px" ??

Share this post


Link to post
Share on other sites

Citation

Unités absolues

PX : Les pixels (px) sont considérés comme des unités absolues, bien qu’ils soient relatifs au DPI et à la résolution de l’appareil de visualisation. Mais sur l’appareil lui-même, l’unité PX est fixe et ne change pas en fonction d’un autre élément. L’utilisation de PX peut être problématique pour les sites réactifs, mais ils sont utiles pour maintenir un dimensionnement cohérent pour certains éléments. Si vous avez des éléments qui ne doivent pas être redimensionnés, utiliser PX est un bon choix.

Unités relatives

EM : par rapport à l’élément parent

REM : par rapport à l’élément racine (balise HTML)

% : Par rapport à l’élément parent

VW : par rapport à la largeur de la fenêtre

VH : par rapport à la hauteur de la fenêtre

Contrairement à PX, les unités relatives telles que%, EM et REM sont mieux adaptées à une conception réactive et aident également à respecter les normes d’accessibilité . Les unités relatives s’adaptent mieux sur différents appareils car elles peuvent augmenter et diminuer en fonction de la taille d’un autre élément.

 

  • Like 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More