[RÉGLÉ] Mes modifications CSS sautent...

[TrackAndManage]

Bonjour,

J'utilise Joomla pour notre site entreprise depuis quelques mois, auquel j'ai ajouté l'extension QUIX pour faciliter la création

Il y a parfois des modifications que j'ajoute directement dans le CSS en passant par mes fichiers et en modifiants les fichiers boostrap, typography, style, core, ... Pour modifier la taille de la barre de navigation, les dimensions des titres H1 et H2, des couleurs, ...
Cela fonctionne très bien et le rendu est parfait !

Seulement... en ouvrant mon site le matin j'ai parfois des surprises et le css s'est réinitialisé et toutes mes modifications ont sautés... est-ce dû aux mises à jour de Joomla ? Si oui est-ce qu'on peut les suspendre ?

C'est assez pénible car quand je vais poster mon site en ligne, je ne pourrait pas vérifier constamment si le css a bougé et refaire les manipulations d'une longue liste de modifications...

Nous avons ce problème avec nos 6 sites...

Je vous remercie d'avance pour vos réponses et conseils !


Bonne journée

[Eddy.vh]

Bonjour.

Ton template n'est-il pas formaté par des fichiers LESS ou SCSS qui, compilés, donnent tes CSS ? Parce qu'alors, tu apportes tes modifications et elle sont réécrites par la compilation de LESS (SCSS)

Dans ce cas, il faut faire tes modifications dans les fichiers (SC/LE)SS ou utiliser un fichier CSS custom qui n'est pas touché par la compilation.

[ced1870]

salut
regarde si ton template n'a pas une possibilité de créer un fichier genre "custom.css" qui te permet d'ajouter tes css sans qu'il soit écrasé par une mise à jour ou par une fonction de compilation
CEd

[TrackAndManage]

Merci d'avoir répondu si vite,

Je fais bien mes modifications sur des fichier .less.css (comme ci-joint), et j'ai créé un thème au début et c'est dans celui-ci que je fais les modifications, donc je ne comprend pas pourquoi joomla les réécrit...

Bonne journée à vous

[Eddy.vh]

Dans ta seconde capture, il s'agit de fichier css et non de fichiers less... chaque fichier de cette capture, même s'il contient "less" à bien une extension .css.

[TrackAndManage]

D'accord,

Alors où puis-je trouver les fichiers .less ?

Sur Joomla, j'ai pu trouver des fichiers .less en allant dans le Extensions>Template>Editor et je les ai aussi trouver dans mes fichiers (capture d'écran 3)
Seulement quand j'ouvre le fichier avec Notepad+, j'attérit sur un document que je ne comprend pas...

Est-ce que c'est bien là que je dois faire mes modifications ? Et du coup comment ?


Merci d'avance pour vos réponses !

[TrackAndManage]

Captures d'écran ici

[lomart]

Bonjour,

Est-ce que c'est bien là que je dois faire mes modifications ?

Oui et non
Dans tous les cas, c'est une mauvaise idée de modifier les fichiers du template. Il est préférable d'ajouter un fichier avec ses personnalisations. Plus facile de se relire par la suite

Dans l'idéal, on utilise less :
- Créer un fichier perso.less dans le dossier less pour ajouter vos modifications
- demander sa compilation en ajoutant la ligne @import "perso.less"; à la fin du fichier template.less

Pour la sécurité, ne pas utiliser less :
- vérifier s'il existe un fichier custom.css dans le dossier css. Le créer au besoin
- ajouter vos règles CSS dans ce fichier

[TrackAndManage]

Bonjour,
Oui et non
Dans tous les cas, c'est une mauvaise idée de modifier les fichiers du template. Il est préférable d'ajouter un fichier avec ses personnalisations. Plus facile de se relire par la suite

Le problème c'est que nous n'avons pas les capacités techniques pour créer un fichier custom, car de ce que je connais en css et html, c'est qu'il faudrait appeler le bloc à modifier pour le remplacer par notre code, et ce n'est pas du tout dans mes cordes...

Nous avons sur nos sites 5 ou 7 modifications à faire qui sont vraiment succinctes (modifier une couleur, une largeur de ligne, des tailles de polices), donc on pourrait les modifier directement dans le fichier .less, ça nous prendrais quelques minutes

Quel est le problème si on modifie directement ces fichiers less. ?
Il faut juste qu'on soit sûr que les fichiers ne seront pas réécrits...

[lomart]

Le problème c'est que nous n'avons pas les capacités techniques pour créer un fichier custom

Dans ce cas, oubliez LESS
Créer un fichier custom.css dans le dossier css ne demande pas beaucoup de connaissance. Même ma grand-mère y arriverait

Ensuite dans ce dossier, on reprend la règle CSS que l'on veut modifier en mettant ses valeurs

Exemple totalement bidon
Dans l'inspecteur de code ou dans le fichier CSS, on voit

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #333;
}

On voudrait une couleur bleue à la place du gris #333
on écrit dans le fichier custom.css

body {
    color: #008;
}

Cela va modifier la première règle. C'est le principe de base du CSS (Cascading Style Sheets)

[TrackAndManage]

Et donc si j'utilise un fichier custom.less ces modifications ne s'effaceront plus du tout ?

[lomart]

Et donc si j'utilise un fichier custom.less ces modifications ne s'effaceront plus du tout ?

Ca c'était mon post #8 ! il ne s'effacera pas car il sera recompilé avec les autres

Le plus simple est la solution de mon post #10 : un fichier css/custom.css
Le template n'y touchera pas mais le chargera après son fichier template.css. Donc c'est ses règles qui seront appliquées

[TrackAndManage]

Merci beaucoup pour la réponse

J'ai crée le fichier custom.css dans mes dossiers, ça m'a pris la journée car c'est pas mon domaine, mais au moins les modifications fonctionnent !

J'espère vraiment que ça ne bougera plus

Merci à tous pour votre aide