Creating an Edge Slider Item

Updated on February 19, 2018

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


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:

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

Creating an Edge Slider Item

To add a new item:

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

edge slider item

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

edge slider item

4Click on Publish.

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.
Did this answer your question?