Comment styliser un module pour qu’il apparaisse dans une couleur différente sur une page donnée

Question

Eh bien, j’ai un module que j’utilise avec une couleur d’arrière-plan: "Color1", je l’utilise presque sur toutes les pages de mon site, mais il y a une page particulière sur laquelle je souhaite qu’il soit affiché avec un arrière-plan- couleur: "Color2".

Y a-t-il un moyen de le faire?

Answer 1

Deux manières pour cette situation -

1. Allez dans le menu où vous devez ajouter "Color2" et allez dans l'onglet Affichage de la page. Là, vous verrez une option pour Classe de page, ajoutez simplement la classe de page, puis ajoutez CSS pour le module incluant cette classe de page.
2. Vous pouvez répliquer le module et l’affecter uniquement au menu où vous le souhaitez. Maintenant, allez dans le module, ouvrez l'onglet Avancé et ajoutez suffixe de classe de module Ceci ajoutera une classe CSS dans votre module.

Answer 2

1. Ajoutez le suffixe de classe de page dans le menu qui mène à cette page particulière.
   Vous faites cela dans l'onglet Affichage de la page du menu dans le champ Classe de page, appelons-le mypage.
   De cette façon, vous aurez body.mypage Sélecteur CSS.
2. Ajoutez ensuite le suffixe de classe de module dans le module de votre choix. Selon le type de module, il est généralement situé dans l'onglet Avancé du champ Suffixe de classe de module, appelons-le mymodule
   De cette façon, vous aurez .mymodule Sélecteur CSS.

3. Ensuite, vous ajoutez la règle CSS suivante dans template.css ou un autre fichier CSS de votre modèle:

   body.mypage .mymodule {
   couleur de fond: # FF0000;
   }

   Et ajustez-le comme vous le souhaitez.

Answer 3

Merci beaucoup les gars pour vos réponses, en fait, étant donné que j'utilise un module WYSIWYG, je viens d'ajouter une section et d'appeler la même classe qui définit la couleur forst et de la changer avec une autre juste dans cette page.