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...
Divi Booster
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...
Enable Compression for the Divi Theme
As with any site, speed is often an important requirement for those built using Divi. With Google using the speed at which your site loads as a factor in determining how high to rank it in their search results, if you want a good ranking, a fast site is critical....
Hide WooCommerce Icon from Divi Header
When using WooCommerce, a little shopping cart icon will appear in your Divi theme's Header menu (either in the main header or in the secondary navigation bar if you have one).Hide the Cart Icon using Divi Booster Divi Booster includes an option to hide the...
Remove Divi Theme Box Layout Shadow Lines
The Divi Theme comes with several layouts, including a "box" layout which places all your content within a bounding box. This box is distinguished from the background by a shadow effect. If you want to get rid of the shadow effect, you have a couple of options....