CSS Button Hover Effects via Gutenberg – Solution

  • WordPress :5.2
  • Statut : hors support
Affichage de 1 message (sur 1 au total)
  • Auteur
    Messages
  • #2280530
    ouistiti.net
    Participant
    Maître WordPress
    1911 contributions

    Bonjour,

    Je n’ai pas remplis le formulaire car je viens juste déposer une petite astuce, car je n’ai absolument rien trouvé concernant ce sujet en français.

    Il est vrai que je ne connaissais même pas l’éditeur Gutenberg. Bref ! pour ceux qui cela intéressent.

    Dans la feuille de style.css du thème enfant, il faut y ajouter :

    .wp-block-button__link { 
    	transition-property: background-color; /* Active la transition sur background-color */
        transition-duration: 1s; /* La transition dure 1s */
    }
    
    .wp-block-button__link:hover { 
    	background:#e7e7e9 !important; 
    }
    Transition d'une couleur

    Surtout ne pas mettre ce code dans le bloc avancé (CSS) et ne pas oublier le fameux –> !important

     

    Ayant perdu trop de temps pour ce petit détail, j’espère que cette astuce viendra en aide à des personnes qui désirent faire un petit effet sur leurs boutons.

    • Ce sujet a été modifié le il y a 1 week et 1 jour par  ouistiti.net.
Affichage de 1 message (sur 1 au total)
  • Vous devez être connecté pour répondre à ce sujet.