Column swipe cards
Download a free Divi column swipe cards layout
This free Divi layout and tutorial is from the Elegant Themes website blog post “Download a FREE CTA Column Swipe Hero Section Design for Divi”
A nice hero section layout for Divi that allows you to add a number of information cards that don’t take up too much screen real-estate.
The tutorial will show you how the swipe card columns are created by;
- Add a CSS class to the row and add custom CSS to theme options to create a horizontal scroll/swipe
- Hide scrollbars in the row visibility settings with Horizontal and Vertical Overflow scroll settings
- Set the column widths using custom CSS width: 100% !important;
Download this layout on the Elegant Themes blog
To download the JSON layout file for this tutorial you will need to enter an email into the subscription box on the blog post. If you are already signed up to the Elegant Themes mailing list you will not be re-added. This sign-up form is found just below the layout Demos near the top of the post.
To import the layout to your Divi website you will need to extract the zip file and drag-and-drop the JSON file into your Divi Builder page.
Affiliate disclosure* – Links to layouts on Elegant Themes and 3rd party websites may contain affiliate code. You will never pay any extra for using these links. Thanks for supporting Divi Theme Examples.