Bernadot Studios Blog
Divi | Change Title Text Color on Hover of Module (not just Title Text)
Here is the code to change the H2 (Title Text) element's color on hover (mouseover) of any part of the Call To Action module. Without this CSS snippet, the color would only change when the actual Title Text was hovered over: Give the module a class name: custom-cta...
Divi Builder Not Working / Not Loading / Failing / After Latest Update
The following applies to working with Divi within the Chrome Browser. The issue is cached files. The goal is to clear your browser's local cache so the newly updated files can be downloaded. Open Chrome Go to your website and login Hit the F12 key / or right click on...
Max-Height of Divi Blurb Images
Use this CSS code to limit the height of your blurb images. Great if you want to make your blurb images all the same height. .et_pb_main_blurb_image img {height: 250px;} Set height to your desired number of pixels.
Can’t see Gravity Forms confirmation message
The issue: You have a Gravity Form on your page, and it is located below the fold of the page. Once the form is submitted, the confirmation message is not visible, since the page is refreshed. The confirmation message exists, but it is hidden further down the page....
Divi | Add Overlay Color to Parallax Background Image On Standard Section
Want to blur your background parallax image using CSS? Give the section with the background parallax image a class of pbgoverlay Add this code to your CSS file or Theme Options CSS section: .pbgoverlay .et_parallax_bg::before { background-color: rgba(255, 255, 255,...
WooCommerce Store Notice Not Sticking To Bottom Of Page
Quick fix with a single line of CSS.
Online Reviews | DO NOT DO THIS!
Online reviews impact your business. So much so that some businesses have taken to writing their own online reviews. And guess what happens when you get caught doing that by the FTC?
Divi | Add line between submenu links
Here’s a quick bit of CSS to add a line separator between links in the submenu.
Divi | Blur Background Parallax Image
Want to blur your background parallax image using CSS? Give the section with the background parallax image a class of blur Add this code to your CSS file or Theme Options CSS section: .blur .et_parallax_bg { -webkit-filter: blur(15px); -moz-filter: blur(15px);...
Divi: Add Projects to Search Results
Did you know that by default, the WordPress search function does not include the Divi Projects content within your results? In fact, all custom post types are excluded by default -- nothing personal against Divi. Now I have a client website, Overhead Door Company of...