fbpx

Table Of Contents

How to use Optick Slider widget

The Optick Slider widget is a totally unique slider widget with an attractive layout, a blurred content canvas, and a carousel-type slider panel design, developed by the Ultimate Post Kit plugin. It helps you create an awesome blog page where you can arrange a large number of posts into this slider layout.

Let’s see how it works!

Inserting widget

inserting Optick Slider widget

Find the Optick Slider widget for Elementor from the widget menu in the Elementor page editor and drag it inside your webpage.

Content tab

The Content tab holds the base settings for the widget and lays the foundation of the layout of the final content. It’s divided into four parts for the Optick Slider widget for Elementor.

Layout

Go to Content> Layout

From the top, you will see a slider height adjustment scrollbar along with image size options. You can adjust image resolution or just preserve the original resolution by selecting the Full option.

Right below, you will see a bunch of switches that turn on/off certain items like the Title, Excerpt, Author, etc. on the WordPress sliders. Some of the switchers come with an additional option to hide a specific item from the display.

Just click on a field and select the device where you want to hide the specific item (title, excerpt, author, etc.).

Query

Go to Content> Query

Here, you need to define the number of posts shown on the display by the Item Limit option. The source can be selected from posts, pages, and landing pages. You can show categories, tags, as well as set the order of the posts on the slider for blogs. There’s also an include/exclude option included in the query section.

Navigation

Go to Content> Navigation

Optick Slider widget for Elementor has a separate section to display its navigation. It can either be arrows or dots, or both combined. You can select any of them from the options. Let’s go with the Dots navigation and set the button position to the bottom center.

Slider Settings

Go to Content> Slider settings

Lastly, you will get the settings for the carousel animation in this section at the bottom. You can set the WordPress sliders animation to Autoplay mode and put a time value for the autoplay speed. There is a switcher that makes the default cursor into a Grab Cursor whenever you hover over the carousel.

Style tab

The style tab allows you to change or customize the appearance of the Optick Slider widget for Elementor. The options include color settings, borders, paddings, etc.

There are several sections on this tab.

Items

Go to Style> Items

In the first section, you get to reposition the content alignment of the sliders. The Glassmorphism effect is turned on by default that makes the blurred content background on the Optick slider widget. You can adjust the blur level as well as choose a background type over the post images.

Count

Go to Style> Count

There’s a slider count number, half-visible on the slider items. This is another cool feature of the Optick slider widget for Elementor. You can change its color and typography from this section.

Title

Go to Style> Title

The Title section mainly gives you the option to change the text color and typography of the titles. The color option is available for both active & hover modes. Also, you have the text-shadow & spacing options for this slider for blogs, by the Ultimate Post Kit plugin.

Text

Go to Style> Text

Change color & typography of the post description as well as adjust the spacing from this section.

Author

Go to Style> Author

Of course, each post has an author that will be displayed at the bottom of the post block of the Optick Slider widget. However, the author’s name and image can be customized by color & typography, size, and spacing through this section.

Button

Go to Style> Button

Let’s customize the slider button by changing the color of the text, a solid background color, and some padding. Don’t forget to apply a hover color with a deeper contrast for the button.

Navigation

Go to Style> Navigation

Lastly, you can customize the navigation pointers in this section. Let’s make the dots more stylish by adding some padding, changing inner & outer color, and size. You can easily change the shape of the dots and make them into lines using the controls provided by the Ultimate Post Kit plugin.

This section displays different options for different types of navigation systems for the Slider for blogs.

Conclusion

Still, stuck?

Watch this quick video for visual instruction and see the demo page for more examples, provided by Bdthemes.

SIGNUP NEWSLETTER

Don’t worry we hate spam and we promise you will get only quality news and offer from us.

© Copyright 2021 All Rights Reserved by BdThemes

LAST WEEK! SAVE HURRY UP

Halloween Save
Up to 70% Discount Code:
HALLOWEEN
Get Up to 70% Off
COPIED
HALLOWEEN COPIED
Days
Hours
Minutes
Seconds