Something I get asked from time to time is how to hide the phone number / icon the Divi Theme. Here's how to do it:Hide the Phone Number and Icon To hide both the phone number and icon, you can use the following CSS:...
Divi Booster
WooCommerce: Show 4 Products per Row
When you set up WooCommerce with the Divi Theme, you'll find it creates you a page for your store. After adding some products, you'll find that your store has a 3 column layout, like so: If you'd prefer to have four items per row, you can add the following CSS to...
Add Space Between Fullwidth Portfolio Items
When used in grid mode, the Divi Builder's fullwidth portfolio module displays the featured images of projects right up against each other, as shown: If you'd prefer to have a bit of space between the images in your fullwidth portfolio grid, you can use the following...
Stop Fullwidth Portfolio Images from Being Cropped
When used in grid mode, the Divi Builder's fullwidth portfolio module expands the featured images of projects to fully fill the grid boxes. This can lead to parts of the images becoming cropped or stretched, as can be seen in this same portfolio grid: If you'd prefer...
Enable Divi Builder on Custom Post Types
If you use the Divi Theme, you'll be familiar with the power and flexibility of the Divi Builder. However, when you start working on a custom post type you may find yourself missing the Divi Builder. If you'd like to enable the Divi Builder on your custom post types,...
Secondary Header Social Icons on Right
By default, the secondary header in the Divi Theme will display the social icons on the left when the contact information (phone / email) are enabled, but on the right if there is no contact information. If you'd like to display the social icons on the right-hand...
Stop Divi from Cropping Feature Post Heights
The Divi Theme sets a maximum height on featured post images at 675px. If you upload an image taller than this it will be cropped. You can prevent this behavior by increasing the maximum height (to about 1000px) by adding the following filter to your functions.php...
Stop Divi Featured Images from Stretching
By default the Divi Theme will stretch featured images to the width of the post area. If you'd like to disable this and have the images display at their actual size, you can do so by adding the following CSS to the theme: body.single article.has-post-thumbnail >...
Make Divi Builder Settings Pop-Ups Full-Screen
The Divi Theme comes with a drag and drop page builder, called the Divi Builder. While it has a simple, clean presentation, the padding and large buttons can make it feel a bit claustrophobic on smaller screens. With a bit of a CSS tweak we can make it a nice spacious...
Show Divi Header Social Icons on Mobiles
Divi includes an option to enable social media icons in the secondary header. However, ever since v2.4, it no longer displays these icons in the secondary header on mobile devices / screen widths, even with the option enabled. If you'd like your mobile users to see...