How To Build Horizontal Single Slider - Church Demo
Written by the Divi Engine Documentation Team
Introduction
Follow these steps to build the horizontal single slider from our Church Demo website. Click HERE to see the demo page.
Preview
Description
How to build a horizontal single slider.
Difficulty
Medium.
Time
25 Minutes.
Step 1: Set It Up - Create Custom Loop Layout
Start off by creating a horizontal Custom Loop Layout by adding the right modules to a Divi Library layout. To make it horizontal add a Divi Section and Row with two columns.
1.) Create a horizontal Custom Loop Layout in the Divi Library.
2.) Add the Post Title, Thumbnail and other modules that can be placed in the Custom Loop Layout.
Step 2: Set It Up - Add Post Carousel Module
Head over to the page of your choice and add the Post Carousel module.
1.) Add the Post Carousel module.
Step 3: Customize Settings - Post Carousel
Start off in the Main Options by setting the Post Type and Custom Loop Layout. Then continue through the Post Carousel settings.
1.) Select the Post Type.
2.) Select your Custom Loop Layout.
3.) Define all of the device views to have 1 post to slide.
4.) Enable and customize the arrows.
Step 4: Add Custom Code
No custom code here.
More Support?
Please email us at [email protected] if you are unable to get Divi Machine working.