Starting from Gutenslider version 5.1 you can now create the coolest sliders with top and bottom svg shape dividers. You can choose from 3 Dividers in the free version, from 16 in Gutenslider Pro, or add your own ones with a little coding knowledge.

Shape dividers are known from famous page builder plugins like Elementor or Divi Theme. With Gutenberg getting bigger and better every month people do not need complex themes or page builders as Gutenberg solves all that. We added the best functionality from the big ones into our slider plugin.

Let’s dive into how to add shape dividers to your WordPress sliders with Gutenberg.

Gutenslider Free Shape Dividers

woman in black tank top beside woman in blue sleeveless top

woman in white long sleeve shirt and green skirt standing on gray concrete pavement during night

man in white button up shirt

boy in white hoodie standing near white wall

woman wearing sunglasses bokeh photography

woman standing beside LED signage

woman wearing eyeglasses

selective focus photo of woman blowing gum standing in front of turned-on neon signage

blue and pink neon light signage

Or try a more edgy shape.

woman in orange long-sleeved dress between buildings during daytime

woman wearing white dress

person holding plastic while standing on wall

woman in yellow tracksuit standing on basketball court side

woman in blue bralette holding sunglasses putting on her eyes

woman in pink floral dress holding black sunglasses

posing woman in white sleeveless top

photo of woman holding white and black paper bags

woman near pigeons

The free version of Gutenslider lets you choose from wave or triangle (both seen above), and set top and bottom dividers individually. You can also choose the background color of the divider, which should in most cases be set to the background color of your page. Shape dividers only work with `slide`, `fade` and `coverflow`(pro) animation.

If you have many sliders on your WordPress pages or posts and want save time setting the color individually, you can also set a default color with css, that will only be overridden if you set a different color in the block settings. Just use:
.gutenslider-divider-top, .gutenslider-divider-bottom {
color: #123456;
}

Gutenslider Pro Shape Dividers

There is much more settings and shapes to choose from in the Pro version:

  • 13 more shapes to choose from
  • divider height
  • invert dividers (see examples below)

The pro version thereby lets you create cool sliders, which you can use as page dividers or unique content elements to enrich your WordPress pages by adding individual Gutensliders.

black framed sunglasses on white surface

woman taking selfie

woman wearing gold framed aviator style sunglasses

woman in white and black polka dot shirt wearing white framed sunglasses

smiling woman raising hands

smiling woman

woman wearing classic red framed sunglasses

grayscale photography of woman wearing sleeveless blouse and sunglasses

woman smiling

Show Me More

black framed sunglasses on white surface

woman taking selfie

woman wearing gold framed aviator style sunglasses

woman in white and black polka dot shirt wearing white framed sunglasses

smiling woman raising hands

smiling woman

woman wearing classic red framed sunglasses

grayscale photography of woman wearing sleeveless blouse and sunglasses

woman smiling

Show Me More

person wearing black and red nike air jordan 1 shoes

black and white nike athletic shoe

person in blue denim jeans and white green and pink nike sneakers

person holding white and red heart print box

black and white nike high top sneakers

black white and red nike high top sneaker

white and blue nike air force 1 high

Brand New Sneakers

Check our our latest items in the store

person wearing black and red nike air jordan 1 shoes

black and white nike athletic shoe

person in blue denim jeans and white green and pink nike sneakers

person holding white and red heart print box

black and white nike high top sneakers

black white and red nike high top sneaker

white and blue nike air force 1 high

Brand New Sneakers

Check our our latest items in the store

study at our rewarded dance academy

A portrait of a fit woman in black and white in Kyiv city

grayscale photo of woman in black dress

jumping ballerina wearing blue dress during daytime

photography of dancing ballerina

woman doing ballet

group of ballerinas dancing while raising both hands

grilled meat on black charcoal grill

yellow corn on stainless steel tray

grilled meat and vegetable on the table

burger with lettuce and tomatoes

burger with lettuce and tomato

burger with cheese and lettuce

Fresh burgers, best steaks, grilled vegetables.

Enjoy our meals from the grill

aerial photography of island

boat near island

photograph of island

tall palm tree

green and brown tree during daytime

silhouette photography of palm trees

low angle photo of coconut trees beside body of water

seashore during golden hour

pink inflatable flamingo and green inflatable ring

low-angle photography coconut trees during golden hour

bird's-eye view photography of people in seashore

sliced watermelon with lemon on shot glass

brown tree

woman walking on seaside while holding woven bag

white and multicolored beach ball

black Ray-Ban Wayfarer sunglasses on beach sand

And many more options. If you have not yet, start a free trial of Gutenslider Pro now and get creative with gutenslider Pro.

Scroll to Top