The Divi Theme allows you to set a phone number and email address to be shown at the top of the header, as well as a number of social media icons. To right align these top header text and icons, you can use the following CSS: @media only screen and (min-width: 768px)...
Divi
Making Simple Lightbox Work with Divi
The Simple Lightbox plugin lets you add a "lightbox" effect to your blog images. Click on an image in one of your posts and, if it's linked to the (larger) original image will open in a slick semi-transparent overlay to the page, rather than in an otherwise bleak and...
Changing the Divi Submenu Link Hover Color
On the Divi theme, when you open a drop-down menu and hover over a particular menu item, the item's background color is changed to highlight the item. If you want to change this color, or get rid of the hover effect (by setting its color to the same as the actual...
Change Divi Image Portfolio Grid Thumbnail Sizes
The Divi Theme’s portfolio module gives you the option of displaying your projects as a series of thumbnails (grid view). To adjust the size and spacing of the images in your thumbnail grid, you can use the following CSS:Related Post: Adding CSS to the Divi Theme It...
Change the Height of the Divi Header
To change the height of the Divi Theme header, you can do so by adding CSS to Divi, like so:A couple of notes: This sets the minimum height rather than the absolute height to allow the header to grow if you add more content too it. The first min-height sets the...
Changing the Background Color in Divi
To change the background color in the Divi Theme, you can do so by adding CSS to Divi, like so: #main-content { background-color: green !important; } This will set the background on the main content, but leave the header and footer untouched.
Changing the Default Divi Font Size
If you'd like to change the default font size in the Divi Theme, you can do so by adding CSS to Divi, like so: body { font-size:130% !important; } This will change the font-size of many components, such as there text in fonts, in the footer and in the sidebar. Note...
Adding PHP code to the Divi Theme
Some of my fixes for the Divi theme require PHP code to be added to make the required change to the theme. This post briefly covers the various options and their various advantages.To add PHP code to the Divi Theme, you can: Use Divi PHP Code Module - to add PHP...
Hide the Divi Header Navigation Links
If you'd like to hide the navigation links (including the search icon) in the Divi Theme's standard header, here are several options.Hide the Divi Header Menu within Divi Settings It's possible to remove the menu links and search icon within Divi itself. To do so: 1....
Stop the Divi Header from Shrinking on Scroll
The Divi Theme header has a default scroll effect which sees it "shrink" to a more compact version as you scroll down the page. If you'd like to keep the header at full-size as you scroll down the page, you can do so using either of the two methods below.Stopping the...