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 >...
Features
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...
Changing the Footer Links in Divi
If you'd like to change Divi's default 'Designed by Elegant Themes | Powered by WordPress' links, here's how to do it.Changing the Footer Links in Divi Booster Divi Booster includes an option to change the footer credit links. You'll find it at 'Divi > Divi Booster...
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....
Make Left-Placed Divi Blurb Icons Larger
The Divi Theme blurb module allows you to add an icon with text to your page. It contains an options to choose between placing the icon above the text or to the side. However, the default icon size differs significantly between the two options, like so: Making the...
Using PageLoader by Bonfire with Divi
The PageLoader by Bonfire gives you lets you add a nice loading page to your site so that your users aren't shown the content until the page is fully loaded and ready. Unfortunately, if you install PageLoader by Bonfire for use with the Divi Theme, you may notice that...
Change Space Between Divi Header Menu Items
Divi allows you to display WordPress menus in various places. Here's how to modify the spacing between the menu items in some of those places.Divi Standard Menu Change Menu Item Spacing with Divi Booster Divi Booster adds an option to set the spacing between items in...