vortihuman.blogg.se - Divi dead walkthrough

#DIVI DEAD WALKTHROUGH FOR FREE#
#DIVI DEAD WALKTHROUGH HOW TO#

We’re going to shape the Blurb Module using some custom padding values across different screen sizes. Title Line Height: 2vw (Desktop), 4.5vw (Tablet), 7vw (Phone).Title Text Size: 0.8vw (Desktop), 1.7vw (Tablet), 2.5vw (Phone).Move on to the title text settings and make some changes there as well. Icon Font Size: 2vw (Desktop), 4.5vw (Tablet), 7vw (Phone).Move on to the design and change the icon settings accordingly: Add a new Blurb Module to column 1 and enter a title of your choice. We’ll start with the first one and reuse it for the remaining click items.

Let’s start adding modules! For each clickable item, we’re going to use a Blurb Module. Later on the post, we’re going to use this CSS class to create a grid effect on tablet and mobile. Move on to the advanced tab and add a CSS class.

Top Padding: 5vw (Desktop), 0vw (Tablet & Phone).

Go to the spacing settings and add some top padding on desktop.

Width: 85vw (Desktop), 90% (Tablet & Phone).

Without adding any modules yet, open the row settings and apply the following sizing settings: Start by adding a new regular section to the page you’re working on.Ĭontinue by adding a new row using the following column structure: Subscribe To Our Youtube Channel Let’s Start Recreating! Add New Regular Section Please check your email address to confirm your subscription and get access to free weekly Divi layout packs! You will not be “resubscribed” or receive extra emails. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. To gain access to the download you will need to subscribe to our newsletter by using the form below. To lay your hands on the free click video walkthrough layout, you will first need to download it using the button below.

#DIVI DEAD WALKTHROUGH FOR FREE#

Desktopĭownload the Click Video Walkthrough Layout for FREE You’ll be able to download the JSON file for free as well!īefore we dive into the tutorial, let’s take a quick look at the outcome across different screen sizes.

#DIVI DEAD WALKTHROUGH HOW TO#

We’ve recreated this design inside Divi and today, we’ll show you how to recreate it from scratch.

Now, on the Elegant Themes website, we’ve taken on this approach for ourselves and created a straight-forward click video walkthrough design that allows people to navigate through some of our most popular features. Sharing video previews on your website can increase interactivity and help visitors understand your products and/or services better and faster.