![]() Click on it, and the countdown timer will be added to your layout, and the countdown timer module settings will be opened in front of you. You can start typing “countdown” and the countdown timer will be filtered for you. Go ahead and click the green plus icon, then click the icon to add a one column row, as shown in the red outline in the screenshot below.ĭivi will automatically prompt you to choose a module to insert. So create a new page, give a title, enable Divi, then click the big blue “Use Visual Builder” button to open up Divi’s visual builder.ĭivi automatically creates a new section for us, but now we need to create a new row. You can use today’s tutorial in an existing page, but for the sake of simplicity, we’re going to work in a new page. So it’s time to head to Divi! Implementing the Design with Divi The rest of our design today is down with the built in Divi controls, plus some custom CSS, so there’s no more design elements to prepare. Go ahead and click the big purple “Download” button to download the free stock video to your computer. Here’s the direct link to the video we’ll be using: There’s lots of places to find free or premium stock footage, but for this tutorial we’ll be taking advantage of some free video clips from Videezy. Today’s countdown timer utilizes a full screen background video. Subscribe To Our Youtube Channel Preparing the Design Elements Today’s countdown timer fills that role perfectly! How to Create a Countdown Timer With a Full Screen Background Video As I mentioned at the beginning of this miniseries, a countdown timer is perfect for building suspense for a website or product launch, or even an event. The full screen section keeps you focused on the countdown, and the beautiful background video of the floating particles gives it a modern and sophisticated look. This countdown timer is unique for obvious reasons. Here’s the default Divi countdown timer module, which is what we’ll be starting with.Īnd below you’ll see an animated GIF of what we’ll be creating today. The Divi Countdown Module: Before & After 5 This Concludes My Countdown Timer Series. ![]() ![]() 2 How to Create a Countdown Timer With a Full Screen Background Video.1 The Divi Countdown Module: Before & After.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |