How to use Crystal Slider Widget by Ultimate Post Kit

  • BdThemes
  • How to use Crystal Slider Widget by Ultimate Post Kit

Table Of Contents

How to use Crystal Slider Widget by Ultimate Post Kit

In this documentation, we will show you how to customize the Crystal Slider widget presented by the Ultimate Post Kit addon.

Inserting Crystal Slider Widget

inserting crystal slider widget in the page opened in Elementor

Search by the Crystal slider widget name, then drag and drop it.

The default view of Crystal Slider

Default view 1 - BdThemes

The default Slider displays the centered Feature Image, a content box floating inside the image halfway with information like Category, Title, Meta, and Date. And there are Arrows on both sides of the image and Pagination at the bottom.

Content Tab Customization

Layout Section

Go to Content > Layout

Content 3 - BdThemes

Find the Height, Slide Bottom Spacing, Content Alignment, and Image Size options.

Content 1 2 - BdThemes

Also find the Title and Title HTML Tag, Show Category, Show Author, Separator, Date, Human Different Time, Show Time, Reading Time, and Read more options.

Query Section

Go to Content > Query

Query 4 - BdThemes

Find the Item Limit and Source options.

Also, find the Include Include By and Terms filters. Include filter helps show only selected posts.

Exclude filter does exactly the opposite of the Include filter and helps hide selected posts.

Query 2 2 - BdThemes

Then find the OffsetDateOrder By, Order, Ignore Sticky Posts, and Only Featured Image Post options.

Slider Settings Section

Go to Content > Slider Settings

Slider Settings 2 - BdThemes

Find the Autoplay and Autoplay Speed, Pause on Hover, Grab Cursor, Loop, Animation Speed, Show Navigation, and Show Pagination options.

Style Tab Customization

Content Section

Go to Style > Content

Content 4 - BdThemes

Find the Background Type, Color, Border Type, Border Radius, Padding, Max Width, Vertical Offset, and Box Shadow options.

Title Section

Go to Style > Title

Title 5 - BdThemes

Find the title text Color, Hover Color, Spacing, Typography, and Text Shadow options.

Meta Section

Go to Style > Meta

Meta 2 - BdThemes

Find the Color, Hover Color, Space Between, and Typography options.

Category Section

Go to Style > Category

Category 1 1024x554 1 - BdThemes

There is a Spacing option at the top. Find the Color, Background Type Color, Border Type, Border Radius, Padding, and Space Between options in the Normal subsection.

Category hover 2 - BdThemes

Also, find the text Color and Background Type options in Hover mode.

Navigation Section

Go to Style > Navigation

Navigation 2 - BdThemes

Find the arrows icon Color, Background Color, Border Radius, Size, Padding, Box Shadow, Vertical Offset, and Horizontal Offset options in Normal mode.

Navigation hover - BdThemes

Also find the Color, Background Type, and Box shadow options in Hover mode.

Pagination Section

Go to Style > Pagination

Pagination - BdThemes

Find the Dots Vertical Offset option and then in Normal subsection, find Color, Space Between, Size, Advanced Size, and Box Shadow options in Normal mode.

Pagination active - BdThemes

Also find the Color, Size, and Box Shadow options in Active mode.

Video Assist

Watch the Crystal Slider video tutorial here. Please visit the demo page for examples.

Thanks for being with us.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge