Divi Theme Full Width Full Screen Video Section With CTA
How to create a full screen video section with title, info and CTA button with the Divi Theme. In this video we will be showing how to create this feature using the inbuilt options included in the Divi theme. Today we will be demonstrating how to build this feature using a Divi Code Module, Divi Code Module and the Divi Button Module Additional CSS Panel. There are no extra plugins involved in this build today. There are no extra plugins involved in this build today. So follow along with this video to see how to create this great effect, on your Divi site. In this video we will cover: Adding A Row, Adding A Divi Code Module, Getting The Video Code, Adding A Divi Blurb Module, Adding A Divi Button Module, Using Negative Margin, Adding The Autoplay And Mute Code, Adjusting The Z Index, We are going to be using the Divi theme to create some great effects in this series of videos. The Divi theme has some great modules and effects. With a little work you can achieve some great eye-catching effects to enhance the look and user experience of your website. Using video backgrounds in web design has become increasingly popular in recent years, and for good reason. Video backgrounds offer several benefits that can enhance a website's user experience, engagement, and overall aesthetic. Firstly, video backgrounds can immediately capture the attention of website visitors, creating a more engaging and memorable experience. They can also communicate a brand's message or story more effectively than static images or text. Secondly, video backgrounds can create a sense of depth and dimension to a website's design, making it more visually appealing and modern. They can also convey emotion and mood, which can be particularly useful for websites selling products or services. Lastly, video backgrounds can improve website performance by reducing bounce rates and increasing average session durations. This is because engaging videos can keep visitors on a website longer, encouraging them to explore the site further and potentially convert to customers. Overall, incorporating video backgrounds in web design can provide a myriad of benefits that can elevate a website's design and user experience. So, follow along with the video and see how to create this, using the fantastic Divi Theme. For more information on the Divi theme, check out our Divi playlists below. Get Your Icon Here: https://iconscout.com/ Try out the Divi theme: https://bit.ly/TryDiviNow Divi Supreme Modules Pro Plugin 10% Off: https://bit.ly/DiviSupremeCoupon Divi Supreme Modules Light Plugin: https://divisupreme.com/divi-plugins/?ref=6 Divi Supreme Modules Playlist: https://www.youtube.com/watch? v=ZAO2MH0dQtk&list=PLqabIl8dx2wo8rcs-fkk5tnBDyHthjiLw Playlist page for more videos on this: https://www.youtube.com/c/System22Net/playlists Full Ecommerce Site Build Playlist: https://www.youtube.com/watch? v=rNhjGUsnC3E&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9 Contact Form With File Upload Video: https://youtu.be/WDo07nurfUU Divi 4 Theme Create An Ecommerce Store In One Hour: https://youtu.be/qP-ViPakoSw My Blog : https://web-design-and-tech-tips.com Check out our playlist page for more videos on this: https://www.youtube.com/c/System22Net/playlists Sub: https://www.youtube.com/channel/UCYeyetu9B2QYrHAjJ5umN1Q?sub_confirmation=1 CHAPTERS 00:00 Introduction 00:42 Adding A Row, 02:07 Adding A Divi Code Module, 02:24 Getting The Video Code, 04:16 Adding A Divi Blurb Module, 04:57 Adding A Divi Button Module, 06:08 Using Negative Margin, 11:22 Adding The Autoplay And Mute Code, 14:40 Adjusting The Z Index, 15:11 Result. RECOMMENDED PLAYLISTS Elementor Ecommerce Store: https://www.youtube.com/watch?v=Sl1Ye9XHhgY&list=PLqabIl8dx2wrrX3YsjpIEL8uq5LnSkrhA Divi Snippets: https://www.youtube.com/watch?v=x8AURRJVlWE&list=PLqabIl8dx2woGTX6yFqbufkqv-29PiElB Divi 4 Ecommerce Store: https://www.youtube.com/watch?v=rNhjGUsnC3E&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9 Bootstrap 4 Basics: https://www.youtube.com/watch?v=PwUw2kgnkls&list=PLqabIl8dx2wocDgvU7lEirYjNNrm6iXGb Elementor: https://www.youtube.com/watch?v=bYqbLiWWC-k&list=PLqabIl8dx2woAs4sOmMsgCU0cAqcyiDco WordPress Tips: https://www.youtube.com/watch?v=3QlczYducdU&list=PLqabIl8dx2wpKhMW14Q1Rxwx864Zwx-1e Subscribe: https://www.youtube.com/channel/UCYeyetu9B2QYrHAjJ5umN1Q Disclaimer: Some of these links are affiliate links where I'll earn a small commission if you make a purchase at no additional cost to you. #YouTubeTips #WebDesignTips #FreeWebDesignTutorials #BuildYourOwnWebsite
Download
1 formatsVideo Formats
Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.