[RÉGLÉ] Couleur de module >> CSS ??

[fredo_b79]

Bonjour à tous.

Je suis en train de reprendre le site de mon club d basket afin de lui apporter une nouvelle jeunesse. J'en suis pour le moment à la forme, avant d'attaquer le fond.

J'ai choisi un template gratuit: Joomspirit99. Assez simpliste, épuré, bien comme j'aime. Et surtout pas trop compliqué car, bien que la période s'y prête, je ne peux y passer mes journées.

Comme vous pourrez le voir ici, mon module de connexion situé tout en bas (layout "bottom") est de couleur grise. En effet, j'ai mis un suffixe de class CSS "grey". Mais ce gris ne correspond pas au rendu que je souhaite: en effet, je veux un gris plus foncé, à l'image de celui de mon header où il y a mon menu (couleur #404040). Mais j'ai eu beau trafiquoter dans le templace.css, rien n'y fait. Aussi je fais appel à vos lumières: comment/où modifier mon template ?

Merci d'avance ;-)

[Eddy.vh]

Bonjour.

On ne touche pas aux fichiers css du template.
Il faut créer, s'il n'existe pas déjà, un fichier custom.css et y écrire vos personnalisations afin de ne pas devoir tout recommencer à chaque mise à jour du template.

[pmleconte]

Bonjour,

Même s'il y a peu de mises à jour sur les templates Joomspirit, il faut effectivement mettre vos modifications dans un fichier custom.css (dans le même répertoire que template.css).

Dans votre cas, vous devez modifier la couleur du background pour votre position bottom-module-position

.bottom-module-position .grey > div {background=#40404040}

Pascal

[pmleconte]

Petite remarque complémentaire : votre site est en php 5.6. C'est lié à votre environnement de développement ?

Pour bien fonctionner, Joomla 3.9.16 (et ses extensions) préfère PHP 7, la version 7.4 étant idéale.

Pascal

[fredo_b79]

Alors en effet, mon hébergeur utilise php 5.6 et j'ai le message dans l'admin Joomla. Je comptais demander la montée en version.
Pour le css je copie tel quel le code dans custom.css ?

[pmleconte]

Bonsoir,

D'après ce que j'ai vu sur le template Joomspirit99 (que j'utilisais aussi récemment), le code fourni doit modifier la couleur de fond de votre module en bas de page (bottom-position) si vous laissez grey dans votre module.

Pascal

[fredo_b79]

Merci pour le tuyau.

J'ai testé, le module reste gris. Mais je ne sais pas si je dois copier, dans custom.css, le code tel que vous me l'avez donné. Pouvez-vous m'aiguiller ?

[pmleconte]

Bonjour,

J'ai fait une grossière erreur dans le code CSS que je vous ai proposé

La couleur est sous la forme {background:#40404040} alors que j'avais mis =

Pascal

[fredo_b79]

Merci, ça fonctionne !
On peut appliquer le même type de code à d'autres modules ?

[pmleconte]

Bien sûr, il faut juste trouver sur quelle classe CSS l'appliquer.

Par exemple, vous avez un module en position user4 qui est lui aussi en "grey". Il suffira d'ajouter .user4 .grey > div {background:#40404040}

Pour information, vous trouverez la liste des classes (positions) pour lesquels le template Joomspirit applique des couleurs dans le fichier template.css en ligne 2648 pour la couleur grey. A proximité de cette ligne, vous trouverez aussi les autres couleurs possibles.

En suivant cette ligne en exemple, vous pouvez aussi définir votre propre couleur dans le fichier custom.css avec son propre nom.

Pascal

[fredo_b79]

Merci pour l'aide !