A quick tip for changing the Divi header search icon's hover color.
Divi
Better Fullscreen Headers in IE
Love your fullscreen header? Did you know it may not look so great in Internet Explorer? Here's what to do about it…
Make Divi Header Phone Number into Clickable Link
Let your customers reach you easily by turning your Divi top header phone number into a clickable call link.
Hide Divi Gallery Titles, but not the Captions
The Divi Theme's gallery module shows the image titles and captions under each image, by default. While there is an option to hide both the titles and captions, sometimes you may want to show only the captions but not the titles. That way, you can easily control the...
Disable Divi Gallery Image "Slide In" Effect
When you first view a Divi Theme gallery, the images will "slide in" from the left. If you don't want this slide in effect on your gallery images, you can disable it with the following CSS: .et_pb_gallery_item { -webkit-animation: none !important; -moz-animation: none...
Stop Divi Cropping Slider and Header Background Images
I often get asked for help with cropped and or stretched images in the Divi Theme's Slider and Header modules. The problem with the cropping is usually caused by having "parallax" enabled on the full-width header. Parallax gives the effect of the header background...
How to Add Text to Divi Top Header
The Divi top header (also known as the secondary menu bar) allows you to add a phone number, an email address, and social media icons. But it doesn't yet allow you to add plain text. This post describes how to add text to your top header. Here's how it will look:Add...
Making Divi Buttons the Same Size
Normally the Call-to-Action (CTA) buttons in the Divi Theme adjust in size to fit the text they contain. If you'd prefer to have a standard button width throughout your site, here's how to do it.Normally the Call-to-Action (CTA) buttons in the Divi Theme adjust in...
Make Full Width Header Scroll Down Icon "Bounce"
The Divi Builder's full width header module comes with an option to have a scroll down button, which indicates to the user that there is more content to follow. To draw further attention to this, you can make it "bounce" with the following CSS: .et_pb_fullwidth_header...
Change the Divi Logo Link URL
Updating the link URL of your Divi site's logo allows you to direct visitors to a destination of your choice when they click the logo, instead of the default homepage. This can be especially useful for branding, directing users to landing pages, or meeting specific...