#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; }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter