The Fullwidth Header section in Divi gives you the option to create a background overlay. However, for standard sections (or any other location) that option is not available. This tutorial will show you how to add overlay color to the parallax background image on standard Section. This overlay makes reading the text easier especially when…
The Divi Bottom Bar, located just below the WordPress footer, is a perfect place for Copyright © 2019 information. If you do not want to add a dynamic year, it is easy enough to just edit the text in the Theme Customizer by editing the Footer->Bottom Bar->Edit Footer Credits field. But every year you have…
Theme Options > Custom CSS Note: we should use id=”icon-love”, otherwise it will be overwrite by #footer-info styles. Inline style will not work also.
It does seem a little odd that image left and right alignment is not included as a setting in the divi fullwidth slider module. By default when you place an image in fullwidth slider it places left side of the text, what if you want to place the image in right and text on left….
If you want to show your content center align on mobile devices for some specific section then you can do this very easily via CSS.add a custom CSS class of ts-center-text-mobile in Text Module settings and use this bit of CSS in Divi > Theme Options > General > Custom CSS section If you want to…
By default the Divi Theme displays a dividing line between the main content and the sidebar. It’s possible to remove this dividing line using CSS.Note that there are two cases in which a dividing line may occur (either on a standard sidebar, or on a sidebar module). Remove divider line between content and sidebar from…
Add a Standard Section and insert a fullwidth column. Click to edit the Section Settings and, under General Settings, change the following: Under Custom CSS add the following: CSS Class: tr_two_col Save & Exit Implementing the Two-Column Grid Layout By default, the blog grid has a three-columnn grid layout. To change this to a two-column…
![Use Different Logo on a Fixed Header in Divi Theme [Fixed Firefox issue]](https://blog.tawfiq.me/wp-content/uploads/2017/11/Use-Different-Logo-on-a-Fixed-Header-in-Divi-Theme-768x292.png){kind=logo}
Make two versions of your logo that are both 200×131 and add them to your WordPress Media library. One logo will be used for the main header and one will be used for your fixed header. Insert CSS Snippet to Switch Logo on Fixed Header One of the simplest ways to switch your logo image…