How To Build Horizontal Single Slider - Church Demo

Written by the Divi Engine Documentation Team


Follow these steps to build the horizontal single slider from our Church Demo website. Click HERE to see the demo page.



How to build a horizontal single slider.




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.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.