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:...
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...
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...
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...
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,...
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...
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...
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 >...
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...
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...
