Divi
How to center align the submit button on the Divi Contact Form Module using Flex
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 »
Divi 4: How to Collapse/Show submenu items in the mobile menu
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 Default Breakpoints and Media Queries
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 …
Divi – How to edit Gallery Module Grid Thumbnail 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 »
How to Change the Background color of Divi Toggle Module Title and Icon
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 »
How to Create Side / Vertical Tabs Layout in Divi
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 »
How to add Login form in Divi Footer Widget Area
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.
How to Create a Fixed and Scrollable Dropdown Mobile Menu in Divi
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 »
How to Create Separate Call To Action Button for Desktop and Mobile view in Divi Menu
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