Read More
100 Squat Challenge
Written by
Frank Stiller
Read More
An Introduction To Yoga!
Written by
Emily Musso
Read More
The Facts About Protein, Carbs & Fat
Written by
Pamela Jolly
Read More
5 Ways To Break A Fitness Plateau
Written by
Tiffany O'Connell
Read More
Lift Like This And Grow Forever!
Written by
James Lockridge
Read More
10 Muscle-Building Fast-Food Options!
Written by
Victoria Cohen
Read More
The Most Underrated Core Blaster Exercise!
Written by
Pamela Jolly
previous arrow
next arrow
Slider

Carousel Divider

Premium: Gain access to all slider templates with a single purchase.

Minimum version: 3.3.0

Tags:

Simple and block type sliders aren’t the only slider types which support the shape dividers. As a matter of fact, every slider type supports it, except the Accordion. The shape dividers are between the slide background and its layers in a Simple or Block slider. The Carousel and Showcase types work in another way: the whole slides are above the shapes. This makes it important to make the sliders high enough to avoid the slides covering the shapes. This slider also uses animated wave-like shapes. The result is simply marvelous.

Every slide has an area layer, a caption layer, heading layer, button, and at the bottom of the slides there is an image box.

With a WordPress Carousel you can display more slides next to each other at the same time, which can save place on your website. Carousel can be useful in product sliders or logo sliders, but you can use it to show your latest post as well.

How to customize the shape divider?

  1. Go to Slider settings → General tab
  2. Click on the Choose button at Shape divider
  3. Choose a top or bottom divider type
  4. Set the color, the width and height, animate it
  5. Check it on mobile and tablet view
  6. Save it, and enjoy!

How to create a line?

You can use the area layer. With area layer you can create a layer which is filled with a simple or gradient color. It can be used to create lines which can be a good separator between your layers, like in this example. All you need is to set the area height to 2px and change the color.

How to change the background image?

The slider has a slider background image which you can set in the General settings → Carousel slider type – Settings → Slider background. This image will be below your slides like in the example.


Related Post: All You Need To Know About Carousel Slider Type

Related Post: Add Beautiful Section for your Website with Shape Dividers

Related Post: Enrich your Blog with a Post Slider


Similar Sliders -

Hero SliderCrypto BlockOrion Page GroupFull Page Hotel