Modifier la couleur de fond d'un module

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Modifier la couleur de fond d'un module

    Bonjour à tous, j'utilise Joomla 4 avec le template Cassiopeia, j'aimerai changer la couleur de fond de mon module de pied de page (position debug). Il est transparent et je voudrai qu'il soit de la même couleur que mon entête)
    (voir mon site : http://monsieursam.com/index.php)
    Quelqu'un aurait une idée ?

  • #2
    Bonjour et bienvenue

    Le module n'est pas en position debug. Mais cela n'a pas d'importance
    dans le fichier custom.css (ou user.css, les 2 noms sont admis) du dossier css du template il faut ajouter la règle
    Code:
    #mod-custom127 {
    background: #636262;
    color: #fff;
    }
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      Envoyé par lomart Voir le message
      Bonjour et bienvenue

      ...
      dans le fichier custom.css (ou user.css, les 2 noms sont admis)...[/CODE]

      Bonjour,

      Avec certain template, comme Cassiopeia par exemple, uniquement un fichier user.css est accepté. Un fichier custom.css n'est pas reconnu.

      Commentaire


      • #4
        C'est uniquement user.css. J'avais installé un plugin qui charge aussi custom.css
        UP, le plugin universel à découvrir sur https//up.lomart.fr
        bgMax
        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

        Commentaire


        • #5
          Bonjour,
          et merci pour votre réponse, si je comprend bien, je dois créer un fichier custom.css dans lequel je copie le code donné précédemment et le déposer dans le répertoire css du template ?

          Commentaire


          • #6
            Bonsoir,
            je m'excuse de revenir sur ma question, mais je ne comprend pas tout. je crée un fichier user.css avec le code donné par Iomart que je dépose dans le dossier css de mon template (cassiopia), mais je ne vois pas comment le lien se fait entre le module et le fichier user.css.
            Vous pouvez m'éclairer ?

            Commentaire


            • #7
              Envoyé par makhno21 Voir le message
              Bonsoir,
              je m'excuse de revenir sur ma question, mais je ne comprend pas tout. je crée un fichier user.css avec le code donné par Iomart que je dépose dans le dossier css de mon template (cassiopia), mais je ne vois pas comment le lien se fait entre le module et le fichier user.css.
              Vous pouvez m'éclairer ?
              Il faut enlever /* avant et */ qui se trouve a la fin, pour avoir uniquement ce code:

              Code HTML:
              #mod-custom127 {
              background: #636262;
              color: #fff;
              }

              Commentaire


              • #8
                Super, ça fonctionne.
                Mais je n'est toujours pas compris comment se fait le lien entre user.css et le module en question, à quoi correspond la ligne #mod-custom127. J'aimerai pouvoir modifier de la même façon le background d'autres module. En tout cas merci pour votre aide.

                Commentaire


                • #9
                  Dans le code HTML de votre page, on voit que l'identifiant (id) de ce module est
                  Code:
                  id="mod-custom127"
                  Il faut donc simplement utiliser la Console / l'Inspecteur de votre navigateur
                  (et si vous ne savez pas ce que c'est, une rapide recherche sur un moteur de recherche vous donnera plein de tutos / d'explications)
                  Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

                  Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

                  Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

                  Commentaire


                  • #10
                    Merci pour la précision, j'utilise l'inspecteur de firefox, mais je n'avais pas compris le système d'identification des modules. Donc si je met en place un autre module et que je veux faire en sorte qu'il soit avec un fond blanc par exemple, il me suffit d'ajouter le code correspondant dans le fichier user.css ?

                    Commentaire

                    Annonce

                    Réduire
                    Aucune annonce pour le moment.

                    Partenaire de l'association

                    Réduire

                    Hébergeur Web PlanetHoster
                    Travaille ...
                    X