Column swipe cards



Categories: , Tags: , Added: September 2, 2019

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

download divi layout JSON

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.


There are no reviews yet.

Be the first to review “Column swipe cards”

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.