If you want to change the gallery image sizes, you can add the following CSS code into your Divi child theme CSS file or Theme Customizer Custom CSS box. Just edit the width and height pixel values to your own image sizes. This does not regenerate the image sizes used but just resizes in the …
Divi – How to edit Gallery Module Grid Thumbnail Sizes Read More »
By default Divi Toggle Module didn’t have any style for Toggle open view. It’s look very plain like the below image. We can add a little CSS to add Background color to the Toggle title and make it stand alone from rest of the content. Copy above CSS code in your Divi Theme Option or …
How to Change the Background color of Divi Toggle Module Title and Icon Read More »
Tabs in the Divi theme are placed on top by default. There is no option to control the positioning of the tabs and thus if you are looking to move the Divi tabs on the left in the vertical position, there is some custom CSS required to achieve this. We are not making this changing …
How to Create Side / Vertical Tabs Layout in Divi Read More »
Need to add a Divi Login form module in your footer widget area? By default there is no option to add Divi Login Module to Footer widget area. We can do this my copy paste the Login form generated code into Widget text area.
By default, Divi theme didn’t have a fixed menu for mobile/tablets like on the desktop. This means that you won’t see the menu as soon as you start scrolling down the website on a mobile. This topic will cover: How to create a fixed mobile menu in Divi How to create a scrollable mobile menu in …
How to Create a Fixed and Scrollable Dropdown Mobile Menu in Divi Read More »
Appearance > Menus Enable CSS Classes option from Screen Options Add two Custom Link with CSS class “menu-cta” for Desktop CTA Button and “mobile-menu-item” for Mobile CTA Button Desktop view Mobile view
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 …
How to Create Color Overlays to Divi Parallax Background Image Read More »
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 …
How To Add A Dynamic Copyright Year in Divi Footer Bottom Bar Read More »
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. …
Divi – Aligning the fullwidth slider image right Read More »
