Designing a Divi Mondrian Layout

Designing a Divi Mondrian Layout

a E Easily recreate a Mondrian painting in this Divi Layout! In this tutorial we show you how to design a Mondrian-inspired Layout adding only 3 Rows into your Divi Visual Builder. Get a catchy effect with this easy CSS trick:  Add 6 and 3 column Rows to your...
Make your Divi Header slide down when Sticky

Make your Divi Header slide down when Sticky

a )Scroll down to reveal the Sticky Header In this tutorial we show you how to give your Divi Header a catchy effect with this easy CSS trick:  Create a new Header from Theme Builder  Add a Section with your DiviMenus module inside  Make your Section Sticky...
Applying Underline Hover Effect to DiviMenus

Applying Underline Hover Effect to DiviMenus

a Hover here Hover here Underline your Menu Items on Hover! From the DiviMenus module, you can easily underline your Menu Items on hover by adding a Border-Bottom to them as we show you in this VIDEO. However in this tutorial we will explain how to apply an...
Creating Fullpage Scrolling with Scroll Snap

Creating Fullpage Scrolling with Scroll Snap

a E Take advantage of this handy trick to scroll vertically or horizontally between fullscreen elements. Choose the parent container you want the child elements to scroll into, set the size for the container and define its Overflow as Auto. You can choose a...
Applying different styles within a Toggle Title

Applying different styles within a Toggle Title

a E Let's Insert Italic Text into a Divi Toggle Title! PREVIEW a Creativity a E Get DiviMenus!Take advantage of the “Show” link type to reveal a 2 columns Row when clicking the “Menu Item”. Learn more Although the Title field of all Divi modules does...
Divi Blog Module – How to Order Randomly

Divi Blog Module – How to Order Randomly

a E Assign this CSS ID to your Blog module: random-posts Paste this code into your functions.php (or use Code Snippets) function dd_random_posts($query, $args) { if (isset($args[‘module_id’]) && $args[‘module_id’] ===...