[RÉGLÉ] Template Gantry (taille des titres des modules)

Bonjour ratat et bienvenue ,

Non, pas de tutoriel en français sur le sujet mais un survol du titre avec ta souris et firebug te donnerais tout de suite la ligne à changer dans le bon fichier CSS.

Cherche donc plutôt un tutoriel sur Firebug, il est relativement simple à utiliser.

Bonjour,

Oui effet, c'est un fichier compilé par Gantry pour gagner en vitesse d'execution.

Peux-tu me confirmer que tu utilises Gantry 4 ?
A priori oui, il est récent et j'attendais ce genre de questions sur le forum . En effet, ce n'est pas tout bête tu vas voir.

Je vais réaliser un tutoriel mais l'idée est d'utiliser un nouveau fichier CSS et d'utiliser les spécificités CSS.

Le principe est donc le suivant :
1) Créer un fichier CSS / LESS dans le répertoire /templates/{ton_template}/less/ nommé par exemple template-custom.less. Il sera donc compilé avec les autres.

2) Mettre tes propriétés CSS dans ce fichier template-custom.less avec une spécificité qui fait que ta valeur sera prioritaire
Exemple : Si tu mets .component-title {font-size:12px} dans ton template-custom.less, cela ne marchera pas car il y aura déjà .component-title {font-size:xxpx} dans un des fichiers CSS / LESS qui prendra la main et sera prioritaire.
Par conséquent, pour le rendre prioritaire, tu peux mettre div.component-title {font-size:12px} toujours dans ton fichier template-custom.less. En effet, d'après les spécificités CSS, cette ligne deviendra prioritaire par rapport à .component-title {font-size:xxpx} et ne sera pas écrasé. Ta modification CSS sera donc opérationnelle.

Les spécificités CSS sont un peu un système d'entonnoir, plus on est précis plus on est prioritaire. En ajoutant div devant, je deviens plus précis.