Learn 2 ways to add an awesome image zoom effect to your Blurb Module in the Divi Theme using simple, lightweight CSS code! In this quick and effective tutorial, you'll discover how to enhance user interaction and make your Divi Blurb Module images stand out with smooth zoom-on-hover animations. No plugins, no bloat—just clean, elegant code to take your Divi designs to the next level.
Whether you're building a modern homepage, service grid, or feature section, adding a zoom effect to your Divi Blurb Module images can instantly grab attention and improve visual engagement. We'll walk you through two different CSS methods that are beginner-friendly and fully responsive. Watch until the end to see how you can customize the zoom strength and apply the effect site-wide or to individual modules!
THEMES AND PLUGINS USED IN THESE VIDEOS:
This WooCommerce Site Build Playlist: https://www.youtube.com/playlist?list=PLqabIl8dx2wpZIWp6Ef_y7UjJaFbsSATn
Try out the Divi theme: https://bit.ly/TryDiviNow
Divi Supreme Modules Pro Plugin 10% Off: https://divisupreme.com/system22/?ref=6
Divi Supreme Modules Light Plugin: https://bit.ly/SupremeFreeVersion
AI Images generated by Nightcafe:https://creator.nightcafe.studio?fpr=jamie25
Use promo code SYSTEM22NC for 15% discount
MY YOUTUBE PLAYLISTS:
Divi For Beginners Playlist: https://www.youtube.com/playlist?list=PLqabIl8dx2wpjRyCTKbI2i8CQjNVK73G8
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
Check out our playlist page for more videos on this: https://www.youtube.com/c/System22Net/playlists
Don't forget to drop any questions below, I will do my best to answer or make a video demo for you!
Sub: https://www.youtube.com/channel/UCYeyetu9B2QYrHAjJ5umN1Q?sub_confirmation=1
MY BLOG
https://web-design-and-tech-tips.com
CODE USED TODAY
selector .et_pb_image_wrap {
overflow:hidden
}
selector img {
transition-duration: .7s;
}
selector img:hover {
transform:scale(1.75);
}
/ Blurb Image Zoom /
.blurbz .et_pb_image_wrap {
overflow:hidden !important
}
.blurbz img {
transition-duration: .7s;
}
.blurbz img:hover {
transform:scale(1.75);
}
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.
#DiviTheme #DiviTutorial #ImageZoomEffect #BlurbModule #WebDesignTips #DiviCSS #HoverEffects