3 Beautiful CSS Hover Effects You Can Add to Your Divi Menus

PHOTO

Wed Feb 07 2024 20:29:29 GMT+0000 (Coordinated Universal Time)

Saved by @mraimondi3

#top-menu li > a:hover {
 box-shadow: 0 10px 0 0 #F15A29 !important; /*** COLOR AND THICKNESS OF THE LINE ON HOVER ***/
 padding-bottom: 34px;
 opacity: 1 !important;
}
#top-menu li li a {
 padding-bottom: 6px !important;
}
#top-menu li.current-menu-item > a,
.et-fixed-header #top-menu li.current-menu-item > a {
 border: 10px solid #F15A29; /*** COLOR AND THICKNESS OF THE BOX ***/
 padding: 10px;
 margin-bottom: -10px;
}

https://www.elegantthemes.com/blog/divi-resources/beautiful-css-hover-effects-you-can-add-to-your-divi-menus

Save snippets that work from anywhere online with our extensions

Available in the Chrome Web Store

Get Firefox Add-on

Get VS Code extension

Comments

More like this

Wordpress-DIVI

@mraimondi3

Come rendere trasparente uno sfondo colorato grazie a CSS3 – Appunti WP – Assistenza WordPress Disable Gutenberg Editor (use Classic Editor) - WPCode Library How To Create A Child Theme, And Why You Should Be Using One How To Create A Child Theme, And Why You Should Be Using One How To Create A Child Theme, And Why You Should Be Using One How To Create A Child Theme, And Why You Should Be Using One How To Style And Customize The Divi Back To Top Button - Tutorial by Pee-Aye Creative How To Style And Customize The Divi Back To Top Button - Tutorial by Pee-Aye Creative How to Add Expires Headers to Your WordPress Website » Rank Math How To Temporarily Allow SVG File Uploads In Divi For Admin Users Only - Tutorial by Pee-Aye Creative 3 Beautiful CSS Hover Effects You Can Add to Your Divi Menus 3 Beautiful CSS Hover Effects You Can Add to Your Divi Menus 3 Beautiful CSS Hover Effects You Can Add to Your Divi Menus Come Aggiungere gli Header Expires in WordPress

Browse more snippets >>