Divi does use the flex property for contact module Submit button (as you can see in the image below) you can center align the button very easily. We need to remove the float and horizontally center the button. Flex uses the justify-content property to align the flex items at the center of the container. or …
How to center align the submit button on the Divi Contact Form Module using Flex Read More »
1. Set up Your Menu Add Menu Items & Sub Menu Items The first thing you need to do is create your menu. Add the sub-items of your choice. Add CSS Class Option Once you’ve added the menu items, you can enable the CSS classes option by clicking on ‘Screen Options’ and enabling ‘CSS Classes’. …
Divi 4: How to Collapse/Show submenu items in the mobile menu Read More »
Divi breakpoints The breakpoint means that the layout of your website changes at a certain screen size. Divi has three default breakpoints for mobile, tablets and desktop versions of your website. 0px – 479px for mobile 480 – 980px for tablets 981px and above for desktops CSS media queries for Divi Breakpoints For screen sizes …
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 »
