DIVI – Divi Theme Full Width Section With Title To CTA Reveal On Hover

Divi Theme Full Width Section With Title To CTA Reveal On Hover. We are going to be using the Divi theme to create some great effects in this series of videos. Welcome to another Divi video. This is Jamie from system22.net and web-design-and-tech-tips.com – We’ve got a little hover effect for you today, and there’s no plugins needed for this. This is just using all the regular modules that come with a fantastic Divi theme. We’ve got a hero section here, with a little icon, and a title. When we hover over it it’s going to change color, and some text and a call to action is going to pop up. There we go, really easy to do. So, let’s get started!

Divi Hover Effects Playlist: https://www.youtube.com/watch?v=5cdjX5x93ss&list=PLqabIl8dx2wpIaNGilkQCdmr9sJiy72X8

Divi Basics Playlist : https://www.youtube.com/watch?v=zQ5PWxUuFac&list=PLqabIl8dx2wrjx6-A4oOD4NU_IfEVM5Qz

Divi Supreme Modules Playlist: https://www.youtube.com/watch?v=ZAO2MH0dQtk&list=PLqabIl8dx2wo8rcs-fkk5tnBDyHthjiLw

Divi Brain Free Plugin Playlist : https://www.youtube.com/watch?v=X690rObOd3w&list=PLqabIl8dx2wpnMFBgEd_4yqtsaKYzUNwd

Divi 4 Theme Create An Ecommerce Store In One Hour: https://youtu.be/qP-ViPakoSw

How To Create A Global Footer Video: https://youtu.be/Wf864NcNb24

Try out the Divi theme: https://bit.ly/TryDiviNow

Divi Supreme Modules Plugin 10% Off: https://bit.ly/DiviSupremeCoupon

Divi Brain Addons Free Plugin: https://brainaddons.com/

My Blog : https://web-design-and-tech-tips.com

———- 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

———- CHAPTERS ———-

00:00 Intro
01:06 Add New section
01:16 Add Blurb Module
02:38 Section Background
03:43 Style Blurb
04:54 Add Second Row With CTA Module
07:23 CTA Spacing
15:20 Section Background On Hover
16:12 Result

———- RECOMMENDED VIDEOS: ———-

Bootstrap 4 Complete One Page Scrolling Website Tutorial : https://www.youtube.com/watch?v=JWmzgixLUUY

Elementor WordPress Builder One Page Scrolling Site In 15 Minutes: https://www.youtube.com/watch?v=CsNmVouqt38

Bootstrap – How to edit a bootstrap template: https://www.youtube.com/watch?v=_yFy5Zw2BQc

Divi Add a live facebook feed to your divi or any wordpress website: https://www.youtube.com/watch?v=4KReMpWdEz8

Divi 4 Theme How To Build A Multi Page Website In 20 Minutes: https://www.youtube.com/watch?v=mNDtB86_hGU

Elementor WordPress Builder How To Build A Parallax Section: https://www.youtube.com/watch?v=aXoCtPAJiGk

———- SOCIAL MEDIA ———-
Follow what I’m doing on:

Facebook: https://www.facebook.com/system22.net/

Twitter: https://twitter.com/22ITSolutions1

Linkedin: https://www.linkedin.com/in/jamie-henry-546b7377/

Support the channel: https://paypal.me/system22

Courses I teach: https://www.udemy.com/user/jamiehenry2/

Subscribe: https://www.youtube.com/channel/UCYeyetu9B2QYrHAjJ5umN1Q

#YouTubeTips #WebDesignTips #FreeWebDesignTutorials #BuildYourOwnWebsite

Find best DIVI Themes

Disclosure: Some of the links in this post are ‘affiliate links.’ This means if you click on the link and purchase the item, I will receive an affiliate commission.

Previous post DIVI – Divi Theme Menu Decoration Underline Effect
Next post DIVI – How to Make a WordPress Website 2018 – Divi Theme Tutorial

Leave a Reply