[RÉGLÉ] Customisation CSS template Purity 3

[Gruik]

Bonjour à tous,

Je vous écris car je m'arrache un peu les cheveux et ne trouve pas plus de doc que ça sur le fonctionnement des fichiers.

J'ai donc une installation Joomla (3.8.7) avec plusieurs plug-in, dont le template Purity 3 (et les assets T3 qui vont avec) - il y a eu une mise à jour aujourd'hui de ce template mais le lien renvoie sur un 404.

Jusque-là tout allait bien, j'ai voulu customiser un peu le design du site et je me suis amusé en créant un fichier custom.css, et en ajoutant des suffixes de classes à mes modules, et des fois en reprenant le sélecteur exact du template et en le modifiant dans le fichier custom. Puis j'ai voulu faire une réinstallation du site car plusieurs choses ne m'allaient pas, j'ai tout refait proprement, réinstallé mes modules, tout était là. J'ai ensuite recrée le fichier custom.css et l'ai re-rempli avec mes modifs pré-réinstall. Mon style perso s'est bien chargé.

Et maintenant voilà le problème : aucun des changements que je n'y fait (dans le custom.css) depuis n'est pris en compte. Si je supprime le fichier custom.css, tout mon style personnalisé disparaît (normal me direz-vous), SAUF QUE j'ai essayé de créer un fichier custom.css vide, et là mes styles personnalisés réapparaissent. J'ai donc dû à force de bidouiller modifier les "vraies" classes sauf que je n'ai pas encore trouvé les lignes CSS qui correspondraient à mes changements.

Ma question est-donc celle-ci : qu'est-ce que je rate ici ? J'ai beau eu chercher des appels de feuilles de styles, mes modifs ailleurs, mais il y a quelque chose que je ne comprends pas !

Merci d'avoir lu et merci si vous pouvez m'aider

[lomart]

Bonsoir,

Avez-vous vider les caches ?
Modifiez-vous le bon fichier ?

Avec un inspecteur de code, vous pouvez connaitre le fichier contenant la règle CSS

[pmleconte]

En regardant un peu la doc du template, il s'agit d'un template basé sur le framework T3, donc utilisant du less et non directement le code css (voir https://www.joomlart.com/documentati.../customization).

Pascal

[Gruik]

lomart Vider le cache n'a pas eu d'effet (à part que j'ai 2 modules qui ont perdu leur style).
Je modifie le bon fichier car dans ce template (et dans d'autres), il suffit de créer un fichier custom.css qui sera appliqué après tous les autres (c'est le fonctionnement du template).
Je ne touche pas aux autres.
Et effectivement j'abuse de l'inspecteur de code (je fais un peu de dev' web depuis quelques années) pour bien cibler mes classes correspondantes aux éléments.

pmleconte Oui effectivement il utilise du LESS, mais pas par défaut. Pour l'instant il est configuré pour fonctionner avec CSS (ce n'est qu'une fois que l'on est satisfait, que l'on compile notre CSS qui sera interprété en LESS part la template.

Je continue de chercher ce matin... merci pour vos réponses

---

EDIT : Bon je pense avoir trouvé... Je précise ici pour ceux que ça aiderai :

Vider la cache du navigateur a bien eu un effet en fait ! Il charge le bon CSS maintenant.
En fait je pense que le problème vient surtout du fait qu'il faut vraiment bien cibler ses modules et pas juste rajouter une classe / une sous classes, car même là ça me fait des bugs. Par contre en mettant le sélecteur le plus précis possible, là c'est bien interprété (j'ai lu que c'était la spécificité).
En tout cas merci je mets en Résolu

[Eddy.vh]

Bonjour.

Oui effectivement il utilise du LESS, mais pas par défaut. Pour l'instant il est configuré pour fonctionner avec CSS (ce n'est qu'une fois que l'on est satisfait, que l'on compile notre CSS qui sera interprété en LESS part la template.

Heuuu, c'est l'inverse qui se passe…
Si tu bosse ton CSS et que lorsque tu es satisfait, tu compiles, alors tu écrases ton CSS modifié avec les LESS inchangés !

[Gruik]

Ok merci pour cette précision !