CSS Button Hover Effects via Gutenberg – Solution

  • WordPress :5.2
  • Statut : hors support
2 sujets de 1 à 2 (sur un total de 2)
  • Auteur
    Messages
  • #2280530
    ouistiti.net
    Participant
    Maître WordPress
    1912 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 2 mois par ouistiti.net.
    #2284991
    skzai
    Participant
    Initié WordPress
    3 contributions

    I am also facing a similar problem with my site. Do let me know if you find any solution.

    • Cette réponse a été modifiée le il y a 3 semaines et 5 jours par PhiLyon.
2 sujets de 1 à 2 (sur un total de 2)
  • Vous devez être connecté pour répondre à ce sujet.