Creating an Edge Slider Item

Last Updated on Monday, February 19, 2018

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

Note: If you are looking how to display the edge slider item, check out 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:

From the WordPress left menu, go to Theme Options > Advanced > Post Types.

Enable the Edge Slider Post Type option.

Click on Save Settings.

To add a new item:

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

edge slider item

Enter a title, short description and fill out other necessary information.

Scroll down to Add New Slider section and upload your image or video.

edge slider item

Click on Publish.

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

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

Setting	Description
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.

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

Setting	Description
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.

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

Setting	Description
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.