👉 CSS & JavaScript Code:
codepen.io/divigeek/pen/yLwmxaq
Create Stunning Divi Expanded Galleries (Copy & Paste Code Included!)
Want to create a unique and engaging gallery experience on your Divi website? This video tutorial teaches you how to build an expanded gallery effect, where hovering over a slide makes it enlarge while others shrink.
No coding knowledge required! I'll show you a step-by-step process using only Divi and some copy-and-paste code I'll provide.
This video covers:
* How to set up the gallery
* Creating the expanded gallery effect
* Customizing the design
* Adding the copy-paste code (first line of the description above)
👉 Get the DIVI Builder by Elegant Themes - 🎉🎉🎉GET A 10% DISCOUNT WHEN YOU BUY TODAY🎉🎉🎉
webconsultantgeek.com/divi10
👉 Get a Domain Name & Webhosting:
webconsultantgeek.com/green-g...
👉 Watch this video to find out how to get web hosting and the DIVI page builder:
• How to Sign Up for Web...
⏲️ Timestamps:
00:00 Introduction
00:44 Overview of the Divi Expanded Gallery
02:12 Setting up the expanded gallery
16:57 Adding the CSS Code
22:25 Adding the JavaScript Code
25:22 Checking responsiveness on tablet and phone
30:41 Conclusion (Outro)
👉 Watch my advanced Divi tutorials:
• Divi Tutorials
👉 Watch my WordPress website builds video series:
▶️ Photography / Portfolio Website Video Series
• Photography WordPress ...
▶️ Tourism Website Video Series
• Tourism WordPress Website
▶️ Hair Selling / E-commerce Website Video Series
• Hair E-commerce Website
💥 Looking for more Divi tips and tricks?
Subscribe to my channel for weekly tutorials and Divi resources! bit.ly/divigeek
📧 My email address:
divigeek@gmail.com
#divitutorial #elegantthemes #divitheme
If you would like me to build a website for you, please contact me at support@webconsultantgeek.com, and we can schedule an online call to discuss your project.
ℹ️ Visit my website:
webconsultantgeek.com
Remember to leave comments if:
✔️ You have any questions regarding this video.
✔️ If you want me to design a website in a particular industry.
✔️ If you want me to design a similar website to one you've seen.
Негізгі бет Тәжірибелік нұсқаулар және стиль Divi Expanded Gallery - Easy Step-by-Step Tutorial (Copy & Paste Code Included!)
Пікірлер: 3