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

Enable The Elysium Slider

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

Inserting the Elysium Slider

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

2. Search the Elysium Slider widget.

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

Work With The Content Tab

Sliders Section

Go to Content > Sliders

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 the title text with this option.
2. Image: You can add or change the image with this option.

Now let’s proceed with the Optional Tab – 

3. Title Link: This option allows you to add a link to the title.
4. Text: This option allows you to add a description and customize it.

Additional Options Section

Go to Content > Additional Options

1. Slider Height: You can adjust the slider height with this option.
2. Image Height: You can adjust the image height with this option.
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 description to the audience.

6. Show Navigation: Enable the switcher to show the navigation bar to the audience.
7. Show Pagination: Enable the switcher to show the pagination to the audience.
8. Alignment: You can set the content alignment to left, center, or right with this option.
9. Image Resolution: You can change the image resolution with this option.

Slider Settings Section

Go to Content > Slider Settings

1. Autoplay: By enabling this option, you can automatically play the slides one after another.
2. Autoplay Speed: This option lets you set the time to transition each slide.
3. Pause on Hover: Enable the switcher to pause autoplay when the user hovers over the slider.
4. Grab Cursor: Enable/ Disable the switcher to show/hide the grab icon while hovering on the slider with this option.

5. Loop: Enable the switcher to go back to the first automatically after the last slide.
6. Animation Speed: This option controls how fast the transition animation occurs between slides.
7. Observer: Enabling this option helps the slider function correctly when it’s initially hidden.

Work with The Style Tab

Sliders Section

Go to Style > Sliders

1. Background Type: You can change the background type to classic or gradient with this option.
2. Color: You can change the background color with this option.
3. Image: You can add or change the image with this option.
4. Content Padding: You can adjust the content inner space and gaps with this option.

Image Section

Go to Style > Image

1. Overlay Color: You can change the overlay type with this option.
2. Color: You can change the background overlay color with this option.
3. Border Type: You can add and change the border type with this option.
4. Border Width: Set the thickness of the border with this option.

5. Border Color: You can change the border color with this option.
6. Border Radius: This option controls the roundness of the image border.
7. CSS Filters: This setting lets you apply visual changes to the image. In this setting, you can modify properties like Blur, Brightness, Contrast, Saturation, and Hue.

• Blur: Softens the image, reducing sharpness.
• Brightness: Adjusts the overall lightness or darkness.
• Contrast: Modifies the difference between light and dark areas.
• Saturation: Controls the intensity of the colors.
• Hue: Shifts the overall color spectrum.

Title Section

Go to Style > Title

1. Color: You can change the title color with this option.
2. Hover Color: You can change the title hover color with this option.
3. Padding: This option allows you to add inner space and gaps of the title field.
4. Margin: This option allows you to adjust the space & create gaps between elements.

5. Typography: Change the font family, size, weight, transform, style, decoration, line height, letter spacing, and word spacing from here.
6. Text Stroke: This option allows you to add an outline or border around text, creating a visually distinct effect.
7. Text Shadow: This option allows you to add a shadow effect to the text.

Text Section

Go to Style > Text

1. Color: You can change the text 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 Shadow: You can add a shadow effect to the text with this option. 

Navigation Section

Go to Style > Navigation

1. Spacing: You can adjust the spacing of the navigation bar with this option.

Arrows Sub Section

1. Color: You can change the arrows’ color with this option.
2. Hover Color: You can change the hover color with this option.
3. Typography: Change the font family, size, weight, transform, style, decoration, line height, letter spacing, and word spacing from here.

Dots Sub Section

In this subsection, we have two tabs. These are Normal & Active. Let’s start with the Normal Tab – 
1. Color: You can change the dots’ color with this option.
2. Width: You can make changes to the dots’ width with this option.
3. Height: You can make changes to the dots’ height with this option.
4. Border Type: You can add and change the border type with this option.
5. Border Radius: This option controls the roundness of the border.

Now, let’s proceed to the Active Tab –

6. Color: You can change the dots’ active color with this option.
7. Width: You can make changes to the dots’ active width with this option.
8. Height: You can make changes to the dots’ active height with this option.
9. Border Type: You can add and change the border type with this option.

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

Video Assist

You can also watch the video tutorial to learn more about the Elysium Slider. Please visit the demo page for examples.
Thanks for being with us.