Creating an Edge Slider Item

Last Updated on

Before adding the Edge Slider shortcode, an edge slider item needs to be created and configured.

x
Note: If you are looking how to display the edge slider item, check out this article.

In this article


Enabling the Edge Slider Post Type

Before starting, you’ll need to make sure that the edge slider post type is enabled in your theme.

To enable the edge slider post type:

1
From the WordPress left menu, go to Theme Options > Advanced > Post Types.
2
Enable the Edge Slider Post Type option.
3
Click on Save Settings.

Creating an Edge Slider Item

To add a new item:

1
From the WordPress left menu, click on Edge Slider > Add New.

edge slider item

2
Enter a title, short description and fill out other necessary information.
3
Scroll down to Add New Slider section and upload your image or video.

edge slider item

4
Click on Publish.
x
Note: To preview this post type you need to create a page and add it inside WPBakery Page Builder via the Edge Slider Shortcode.

Configuring the Edge Slider Items

Once the item is created, you will be presented with bunch of options to add content to your edge slider slide.

SettingDescription
Content Animation Using this option you can define specific animations for the content of this slider.
Slider Type Choose between having an image or video slider item.
Show Pattern Mask Sets a pattern which will overlay the video or image.
Color Overlay Sets a color overlay.
Color Overlay Opacity Sets a color overlay opacity.
Gradient Overlay Orientation Sets a gradient overlay orientation.
Content Align Location of caption and buttons.
Content Width Defines the width of the content.
Caption Title Adds a caption title to the slide.
Caption Description Adds a caption description to the slide.
Caption Title Font Size Sets a font size for the caption title.
Caption Title Letter Spacing Sets letter spacing for the caption title.
Caption Title Font Weight Sets a font weight for the caption title.
Caption Skin Sets a skin for the caption.
Custom Caption Text Color Sets a color for the caption. This will affect both title & description.
Button Style Sets a style for the button.
Button Corner Style Sets a corner style for the button.
Button Skin Sets a skin for the button.
Button Text Adds text inside the button.
Button URL Adds custom URL for the button.
Button Target Sets a target for the button once it is clicked.
Transparent Header Style Skin For This Slide Sets a transparent style.

Image Type Slider

If the slider type option is set as image, there are some options regarding images:

SettingDescription
Upload Image Using this option you can upload the slider image.
Upload Portrait Image Using this option you can upload the portrait slider image.
Cover Whole Background Scale the background image to be as large as possible so that the background area is completely covered by the background image.
Background Color Sets a background color instead of an image.

Video Type Slider

If the slider type option is set as a video, there are some options regarding videos:

SettingDescription
Upload Vide (Format) Using this option you can upload the slider video in a specific format.
Upload Video Preview Image Using this option you can upload the video preview image. This Image will be shown until the video loads.
Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket