thumbnail Modifier la taille de la police du titre des vignettes produit

[azer]

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..

[Matt67520]

Bonjour,

Avez vous touvez une solution pour modifier le taille de la police du titre des produits?

[Mediacom87]

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

[Matt67520]

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;}

 

[Mediacom87]

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.

[Matt67520]

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" ??

[Mediacom87]

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.