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

Enable The Sequester Slider

Enable the widget.png

To use the Sequester Slider widget 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 Sequester Slider Name.

  4. Enable the Sequester Slider.

  5. Hit the Save Settings Button.

Inserting The Sequester Slider

Drag & Drop the widget.png
  1. Go to the Elementor Editor Page and hit the “+” icon Button.

  2. Search the Sequester slider.

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

Work With The Content Tab

Sliders Section

Go to Content > Sliders

C. Sliders.png
  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.

C. Sliders - Content.png

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. Button Text: You can add the button text with this option.

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

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

C.Sliders - Optional.png

Now let’s proceed with the Optional Tab -

  1. Sub Title: You can add the subtitle text in this option.

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

  3. Text: This option allows you to add and customize the description.

Additional Options Section

Go to Content > Additional Options

Addtional Opitons 01.png
  1. Slider Ratio: You can adjust the slider ratio to width & height with this option.

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

  3. Enable Response Height: Enable the switcher to set the slider height as responsive for all device.

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

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

Additional Options 02.png
  1. Show Sub Title: Enable the switcher to show the sub title to the audience.

  2. Sub Title HTML Tag: This option lets you select the heading for the sub title.

  3. Show Button: Enable the switcher to show the button to the audience.

  4. Show Text: Enable the switcher to show the description to the audience.

  5. Show Social Icon: You can show the social link to the audience by enabling this option.

Additional Options 03.png
  1. Show Navigation: Enable the switcher to show the navigation bar to the audience.

  2. Show Pagination: Enable the switcher to show the page number to the audience.

  3. Alignment: You can set the content position to left, center, right or justified with this option.

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

  5. Image Match Height: Enable the switcher to match the image height with this option.

Social Link Section  

Go to Content > Social Link

C. Social Link 01.png

The settings in this section are the same as those in the Sliders section described above. For a detailed explanation, please refer to the Sliders section to understand how these options work.

C. Social Link 02.png

Now, let’s proceed to the inner options of the social icon -

  1. Title: You can add a title to your social icon with this option.

  2. Link: This option allows you to add a link to the social icon.

Slider Settings Section

Go to Content > Slider Settings

Slider Settings.png
  1. Autoplay: By enable this option you can automatically play the slides one after another.

  2. Autoplay Interval (ms): This option let you set the time delay between each slide transition.

  3. Pause on Hover: Enable the switcher to pause autoplay when the user hovers over the slider.

  4. Animation Speed: This option controls how fast the transition animation occurs between slides.

  5. Loop: Enable the switcher to go back to the first automatically after the last slide.

Advanced Animation Section

Go to Content > Advanced Animation

Advanced Animation.png
  1. Advanced Animation: Enable or disable the switcher to show or hide the advanced animation feature.

  2. Animation Of: You choose which text element(s) (e.g., Title, Subtitle) will be animated with this option.

  3. Animation On: This option allows you to choose how the animation will apply: by Characters, Words, or Lines.

  4. Animation Options: You can customize the animation feature with this option.

Work with The Style Tab

Sliders Section

Go to Style > Sliders

S. Sliders.png
  1. Custom Overlay: Enable the switcher to get more option to customize the overlay.

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

  3. Opacity: You can adjust the blur effect of the overlay with this option.

In this section, we have four tabs. These are Title, Sub Title, Excerpt & Button. Let’s explore those tabs one by one.

Title Tab

Title 01.png
  1. Title Width: You can set the title width with this option.

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

  3. First Word Color: You can change the title first word color with this option.

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

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

  3. Title Spacing: You can adjust the space between title and the text with this option.

Sub Title Tab

Sub Title.png
  1. Color: You can change the subtitle color with this option.

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

  3. Sub Title Spacing: This option allows you to adjust the space between the title and the subtitle with this option.

Excerpt Tab

Excerpt.png
  1. Color: You can change the excerpt 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. Width: You can adjust the width of the excerpt with this option.

  4. Excerpt Spacing: You can adjust the space between the excerpt and the button with this option.

Button Tab

Button - Normal 01.png

In this tab, we have two more sub section. One is Normal and the other is Hover. Let’s start with the Normal sub section -

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

  2. Background Color: You can change the background type with this option.

  3. Border Type: You can add border 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.

Button - Normal 02.png
  1. Border Radius: This option controls the roundness of the border.

  2. Box Shadow: You can add the shadow effect to the button with this option.

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

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

Icon Style

Button - Normal - Icon.png
  1. Color: You can change the icon color with this option.

  2. Background: You can change the background color with this option.

Button - Hover 01.png

Now, Let’s Proceed to the Hover Tab -

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

  2. Background: You can change the background hover color with this option.

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

Icon

Button - Hover - Icon.png
  1. Color: You can change the icon hover color with this option.

  2. Background: You can change the background hover color with this option.

Social Share Section

Go to Style > Social Share

Social Share - Normal 01.png

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

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

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

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

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

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

Social Share - Normal 02.png
  1. Border Type: You can add a border to the social icon with this option.

  2. Border Width: Set the thickness of the border with this option.

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

  4. Padding: You can adjust the inner space of the social icon with this option.

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

Social Share - Normal 03.png
  1. Box Shadow: You can add a shadow effect with this option.

  2. Spacing: This option allows you to adjust the space between the social share.

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

Social Share - Hover.png

Now, let’s proceed to the Hover Tab -

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

  2. Background Type: You can select the background type to Classic or Gradient from here. Here we selected the 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 Color: You can change the border hover color with this option.

Navigation Section

Go to Style > Navigation

Navigation - Normal 01.png

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

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

  2. Background Type: You can select the background type to Classic or Gradient from here. Here we selected the 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: This option allows you to add a border.

DOTS

Navigation - Normal 02.png
  1. Dot Color: You can change the dot color with this option.

  2. Active Dot Color: You can change the active dot color with this option.

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

  4. Active Border Color: You can change the active border color with this option.

Navigation - Hover.png

Now, let’s proceed to the Hover Tab -

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

  2. Background Type: You can select the background type to Classic or Gradient from here. Here we selected the 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 Color: You can change the border hover color with this option.

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

Video Assist

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

Thanks for being with us.