Written by Dan Mossop
If you want to add a drop shadow to a standard Slick Menu hamburger menu button, you can do so with the following CSS:
.sm-hamburger:not(:hover) .sm-hamburger-box div,
.sm-hamburger:not(:hover) .sm-hamburger-box div:before,
.sm-hamburger:not(:hover) .sm-hamburger-box div:after {
-webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.5);
box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.5);
}We may earn a commission when you visit links on our website.
Adding a custom number prefix to your Circle Counter lets you clarify what the value represents—such as currency, units, or labels—without relying on the default percentage format. This helps your counters better match real-world metrics and keeps the design...
Adding a second line of text beneath a button’s main label lets you provide extra context, a brief benefit statement, or a supporting call-to-action without cluttering your design. This can improve clarity and increase clicks by making the button’s purpose more...
When Icon List items wrap onto multiple lines, the default icon alignment can make the icon appear vertically centered next to the text, which may look unbalanced or harder to scan. Setting the icons to align at the top creates a cleaner, more consistent...
This configuration makes a Divi button stretch to the full width of its container while keeping its label neatly centered, creating a bold, edge-to-edge call-to-action. You might want this for hero sections, pricing tables, or any layout where a standard-sized button...
Sometimes it's the small things that make the difference... there is a minor typo in the Divi Social Media Follow module that was present in Divi 4, and (currently) remains in Divi 5. Specifically, the tooltip for Flickr is misspelled as "Flikr". Here's how to fix...
0 Comments