How To Use The Reveal Slider By Prime Slider

In this documentation, we will discuss the customization of the Reveal Slider, brought to you by the Prime Slider addon for Elementor.

Enable The Reveal Slider

To use the Reveal Slider from Prime Slider, first, you have to enable the widget.

1. Go to WordPress dashboard > Prime Slider Plugin dashboard.

2. Then, Click the Core Widgets Tab.

3. Search the Reveal Slider Name.

4. Enable the Reveal Slider.

5. Hit the Save Settings Button.

Inserting The Reveal Slider

1. Go to the Elementor Editor Page and hit the “+” icon Button.

2. Search the Reveal slider.

3. Drag the widget and drop it on the editor page.

Work With The Content Tab

Layout Section

Go to Content > Layout

1. Height: You can adjust the slider height with this option.

2. Show Sub Title: Enable the switcher to show the sub title to the audience.

3. Show Title: Enable the switcher to show the title to the audience.

4. Title HTML Tag: This option lets you select the heading for the title.

5. Show text: Enable the switcher to show the text/description to the audience.

6. Text Hide On: This option lets you hide the text to selected device.

7. Show Read More: Enable the switcher to show the read more button to the audience.

8. Show Image Caption: Enable the switcher to show the image caption to the audience.

9. Show Header Content: Enable the switcher to show the header content to the audience.

10. Image Resolution: You can change the image resolution with this option.

11. Background Image Setting: You can make changes to the background image with this option. Here you will get position, repeat & size options to set up the background image.

Slider Items Section  

Go to Content > Slider Items

1. Close Item: You can delete the Slider item by clicking the Close icon button.

2. Copy Item: This option lets you copy the same item.

3. Add Item: You can add a new item by clicking the “+”Add Item button.

In the Slider Items, each item contains more options. There are two tabs that present those options. These are Content & Optional. Let’s start with the Content Tab –

1. Title: You can add a title text with this option.

2. Sub Title: You can add a sub title with this option.

3. Button Text: You can add button text with this option.

4. Button Link: You can add a link to the button with this option.

5. Image: You can add and change an image with this option.

Now let’s proceed with the Optional Tab –

6. Title Link: This option allows you to add a link to the title.

7. Image Caption: You can change the image caption text with this option.

8. Text: This option allows you to add a short summary and customize the description.

Header Content Section

Go to Content > Header Content

1. Title: You can add text to the header content title with this option.

2. Description: You can add a description to the header content with this option.

Work with The Style Tab

Sliders Section

Go to Style > Sliders

1. Overlay: You can select the overlay with this option.

2. Background Type: You can select the background type to classic or gradient with this option.

3. Color: You can change the background color with this option.

4. Padding: Add spaces around an object to increase the inner area. Padding allows you to control the internal space within an element.

5. Margin: This option allows you to adjust the space & create gaps between elements.

Title Section

Go to Style > Title

1. Color: You can change the title color with this option.

2. Background Type: You can select the background type to classic or gradient with this option.

3. Color: You can change the background color with this option.

4. Image: You can change the image with this option

5. Border Type: This option allows you to add borders to your items. You can select various border types from this option. Such as Solid, Double, Dotted, Dashed, Groove.

6. Border Radius: This option controls the roundness of the border.

7. Padding: Add spaces around an object to increase the inner area. Padding allows you to control the internal space within an element.

8. Margin: This option allows you to adjust the space & create gaps between elements.

9. Typography: Change the font family, size, weight, transform, style, decoration, line height, letter spacing, and word spacing from here.

10. Text Stroke: This option allows you to add an outline or border around text, creating a visually distinct effect.

11. Width: You can make changes to the title width with this option.

Sub Title Section

Go to Style > Sub Title

1. Color: You can change the title color with this option.

2. Background Type: You can select the background type to classic or gradient with this option.

3. Color: You can change the background color with this option.

4. Image: You can change the image with this option.

5. Border Type: You can add and change the border type with this option.

6. Border Radius: This option controls the roundness of the border.

7. Padding: Add spaces around an object to increase the inner area. Padding allows you to control the internal space within an element.

8. Margin: This option allows you to adjust the space & create gaps between elements.

9. Typography: Change the font family, size, weight, transform, style, decoration, line height, letter spacing, and word spacing from here.

10. Text Stroke: This option allows you to add an outline or border around text, creating a visually distinct effect.

Text Section

Go to Style > Text

1. Color: You can change the text color with this option.

2. Margin: This option allows you to adjust the space & create gaps between elements.

3. Typography: Change the font family, size, weight, transform, style, decoration, line height, letter spacing, and word spacing from here.

Read More Section

Go to Style > Read More

In this Section, we have two tabs. These are Normal & Hover. Let’s start with the Normal Tab -

1. Color: You can change the read more button text color with this option.

2. Background Type: You can select the background type to Classic or Gradient from here. Here we selected Classic.

3. Color: You can change the background hover color with this option.

4. Image: You can change the background image with this option.

5. Border Type: You can add a border to the read more button with this option.

6. Border Radius: This option controls the roundness of the border with this option.

7. Padding: You can adjust the inner space of the read more button with this option.

8. Typography: Change the font family, size, weight, transform, style, decoration, line height, letter spacing, and word spacing from here.

9. Box Shadow: You can add a shadow effect with this option.

Now, let’s proceed to the Hover Tab -

10. Color: You can change the button text hover color with this option.

11. Background Type: You can select the background type to Classic or Gradient from here. Here we selected the Classic.

12. Color: You can change the background hover color with this option.

13. Image: You can change the background image with this option.

Image Caption Section

Go to Style > Image Caption

1. Color: You can change the image caption text color with this option.

2. Margin: This option allows you to adjust the space & create gaps between elements.

3. Typography: Change the font family, size, weight, transform, style, decoration, line height, letter spacing, and word spacing from here.

Header Content Section

Go to Style > Header Content

In this Section, we have two tabs. These are Title & Text. Let’s start with the Title Tab -

1. Color: You can change the header content title text color with this option.

2. Margin: This option allows you to adjust the space & create gaps between elements.

3. Typography: Change the font family, size, weight, transform, style, decoration, line height, letter spacing, and word spacing from here.

4. Text Shadow: You can add a shadow effect to the text with this option.

5. Text Stroke: This option allows you to add an outline or border around text, creating a visually distinct effect.

Now let’s proceed to the Text Tab -

6. Color: You can change the category text hover color with this option.

7. Max Width: You can adjust the text width with this option.

8. Typography: Change the font family, size, weight, transform, style, decoration, line height, letter spacing, and word spacing from here.

Navigation Section

Go to Style > Navigation

1. Arrows Color: This option allows you to change the arrows' color.

2. Arrows Hover Color: You can change the arrows' hover color with this option.

3. Line Color: You can change the line color with this option.

4. Size: You can change the arrow’s size with this option.

All done! You have successfully customized the Reveal Slider on your website.

Video Assist

You can also watch the video tutorial to learn more about the Reveal Slider. Please visit the demo page for examples.

Thanks for being with us.