Comment créer un bouton dans le menu de Divi

Bonjour cher visiteur,


Je n'ai malheureusement plus beaucoup le temps de m'occuper du site en ce moment, si le projet de l'animer t'intéresse, n'hésite pas à me contacter ! :)

Pour ajouter un bouton au menu de votre thème Divi, vous devez d'abord commencer par activer le champ "Classes CSS" dans votre menu.


Rendez-vous donc dans la page de votre menu, et cliquez sur "Options de l'écran" pour étendre la boîte et cochez la case "Classes CSS".




Maintenant que cela est activé, ajoutez un lien à votre menu, qui correspondra à votre bouton :




Le lien est maintenant ajouté dans le menu, ajoutez-lui une classe CSS qui correspondra au style de votre bouton :




Sauvegardez maintenant ce menu en cliquant sur le bouton bleu.


Actuellement, le lien ressemble à un lien normal, mais pour qu'il ressemble à un bouton, nous devons ajouter du code CSS en reprenant la classe ".btnMenuCustom".


Pour cela, rendez-vous dans les options du thème Divi (Menu Divi => Option du thème => tout en bas "Personnaliser CSS"), et ajoutez le code CSS ci-dessous :


Si vous utilisez une classe différente pour votre bouton, changez ".btnMenuCustom par la classe concernée :)




Sauvegardez et admirez le résultat :)



    Partager

    Commentaires