[Réglé] couleurs cassiopiea

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

  • [Réglé] couleurs cassiopiea

    Bonjour le forum,

    J'ai changé la couleur du menu fond vert texte en blanc.

    Cliquez sur l'image pour l'afficher en taille normale  Nom : Capture d’écran 2024-08-13 143638.jpg  Affichages : 49  Taille : 14,0 Ko  ID : 2063668
    comment avoir le fond vert et texte en blanc dans les sous menus ?

    La fleche pour revenir en haute de page est de couleur lit de vin.

    Merci de votre aide
    Dernière édition par Bearn 64 à 15/08/2024, 07h41

  • #2
    Bonjour,

    Réponse partielle, je ne suis pas un spécialiste du CSS

    Ajouter la règle

    Code HTML:
    ​​​​​​.metismenu.mod-menu .parent>ul {
    
    background-color: green;
    
    }
    dans /media/templates/site/cassiopeia/css/user.css
    Ce tutoriel Joomla rédigé par web-eau.net vous explique ce qu'il faut savoir pour créer un ficher 'user.css' dans Cassiopeia, le template de Joomla 4



    Pour la flèche pour revenir en haut de la page
    Code HTML:
    .back-to-top-link {
    
    color: green;
    
    }​
    Bonne journée

    JF​
    Dernière édition par Jeff71 à 14/08/2024, 09h30
    JeFF

    Commentaire


    • #3
      Bonjour,

      Comme Jeff71 à dit,

      et pour que les liens soient en blanc, ajouter encore ce code :

      Code HTML:
      .metismenu.mod-menu .mm-collapse > li > a {
        color: #fff;
      }​

      Commentaire


      • #4
        Jeff71​, Helloo

        Merci a vous deux.
        Ok pour les sous-menus et textes.

        Pour la flèche pour revenir en haut de la page :

        .back-to-top-link {
        color: darkgreen;
        }​

        resultat : la fleche est verte !!!​


        Au clic sur le pave :
        Cliquez sur l'image pour l'afficher en taille normale  Nom : sur le fleche.jpg  Affichages : 0  Taille : 1,6 Ko  ID : 2063703
        dans inspecter la page je trouve :

        .back-to-top-link {
        z-index: 10000;
        color: var(--cassiopeia-color-primary,darkgreen);
        pointer-events: all;
        background-color: var(--white,darkgreen);
        border: 1px solid var(--cassiopeia-color-primary,darkgreen);
        opacity: 0;
        inset-inline-end: 1rem;
        border-radius: .25rem;
        padding: .5em;
        transition: opacity .2s ease-in;
        position: fixed;
        bottom: 1rem
        }​

        Si possible :
        Cliquez sur l'image pour l'afficher en taille normale

Nom : resultat esperé.jpg 
Affichages : 26 
Taille : 1,6 Ko 
ID : 2063704

        Merci de votre regard.
        Dernière édition par Bearn 64 à 15/08/2024, 06h42

        Commentaire


        • #5

          Envoyé par Bearn 64 Voir le message


          Au clic sur le pave :
          Bonjour,

          Ajoute le code suivant:

          Code HTML:
          .back-to-top-link:hover {
           background-color: green;
          }​

          Commentaire


          • #6
            Helloo,

            Merci cela fonctionne.

            Commentaire

            Annonce

            Réduire
            Aucune annonce pour le moment.

            Partenaire de l'association

            Réduire

            Hébergeur Web PlanetHoster
            Travaille ...
            X