In this tutorial, you'll discover how to create an inline filmstrip-style gallery in the Divi Theme using the built-in Gallery Module, Chrome inspector, and some simple custom CSS. This effect is perfect for photographers, portfolios, and creative layouts where you want users to scroll horizontally through your best images.
We’ll walk through the entire process step-by-step, showing you how to convert a basic gallery into a stylish horizontal strip with smooth scrolling and great visual flow. If you want to add something unique to your Divi site without using extra plugins, this Divi filmstrip gallery effect is exactly what you need!
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
.et_pb_gallery_item
{
margin: 0 ! important;
}
.et_pb_gallery_grid .et_pb_gallery_items {
display: flex;
}
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 #DiviGallery #WebDesignTips #CSSGallery #DiviTutorial #HorizontalGallery #DiviDesign