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

Enable The Paranoia Slider

To use the Paranoia 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 Paranoia Slider Name.
4. Enable the Paranoia Slider.
5. Hit the Save Settings Button.

Inserting The Paranoia Slider

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

2. Search the Paranoia 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 set the Slider height from here.

2. Show Sub Title: Enable or disable the show sub title switcher button to show/hide the sub title.

3. Show Title: Enable or disable the show title switcher button to show/hide the title.

4. Show Text: Enable or disable the show text switcher button to show/hide the text.

5. Show Read More: Enable or disable the show read more switcher button to show/hide the read more button.

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

7. Background Image Settings: 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.

Sliders Section  

Go to Content > Sliders

1. Add Item: You can add a new item by clicking the “+”Add Item button.
2. Copy Item: This option lets you copy the same item.
3. Close Item: You can delete the Slider item by clicking the Close icon 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. Sub Title: You can add a sub title with this option.

2. Title: You can add a title text 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 – 

1. Title Link: This option allows you to add a link to the title.
2. Text: This option allows you to add a short summary and customize the description.

Work with The Style Tab

Sliders Section

Go to Style > Sliders

Overlay Color: You can select the overlay color with this option.

Title Section

Go to Style > Title

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

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

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

4. Text Shadow: The Text Shadow property is used to create the shadow around the text. It takes three values: horizontal offset, vertical offset, and blur radius. Here you also can change the Text Shadow Color.

5. Offset: You can set the Title vertical offset from here.

Sub Title Section

Go to Style > Sub Title

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

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

3. Offset: You can set the Sub Title vertical offset from here.

Text Section

Go to Style > Text

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

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

3. Margin: Adjusts the position of an object over the canvas.

4. Bottom Spacing: You can adjust the bottom spacing for the Text.

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

6. Offset: You can set the Text vertical offset from here.

Read More Section

Go to Style > Read More

1. Offset: You can set the read more button vertical offset from here.

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 text 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.

5. Border Type: you can set the Border Type to Default, None, Solid, Double, Dotted, Dashed, or Groove. We choose here the Border Type None.

6. Border Radius: Customizes the border corners for roundness.

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

8. Button Height: You can set the button height from here.

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

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

Now, let’s proceed to the Hover Tab –

11. Color: You can change the button text hover color with this option.
12. Background Type: You can select the background type to Classic or Gradient from here. Here we selected the Classic. If you wanr then you can set an image as background.
13. Color: You can change the background hover color with this option.
14. Border Color: You can. change the button hover border color from here.

Navigation Section

Go to Style > Navigation

1. Opacity: You can set the navigation opacity from here.

2. Text Color: This option lets you change the navigation text color.

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

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

Video Assist

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

Thanks for being with us.