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:
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.
2Enter a title, short description and fill out other necessary information.
3Scroll down to Add New Slider section and upload your image or video.
4Click 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.
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.
| 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. |
Image Type Slider
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. |
Video Type Slider
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. |
