CSS Button Hover Effects via Gutenberg – Solution (Créer un compte)

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; 
}

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 5 années et 2 mois par ouistiti.net.