How to use the Camux Slider Widget by Ultimate Post Kit

  • BdThemes
  • How to use the Camux Slider Widget by Ultimate Post Kit

Table Of Contents

How to use the Camux Slider Widget by Ultimate Post Kit

In this documentation, we will discuss the customization of the Camux Slider widget, brought to you by the Ultimate Post Kit addon for Elmentor.

Inserting the Camux slider widget

inserting camux slider widget

Inserting widgets is an easy task. Just go to the Elementor page then search by the name of the specific widget. Then the widget will appear, just drag it and drop it on the page.

Default View of the Camux Slider

Default View 1 - BdThemes

This is the default view of the Camux slider widget. Here is the Full-width Image and the Content. Content has Category, Title, Text, and Meta. Below is the Thumb Slider Gallery with Active Item.

Work with Content Tab

Layout Customization of the Camux Slider

Layout 1 - BdThemes

Go to Content > Layout

Here we will set the Height of the Image and Set the Content max width. All the content will be visible in the maximum area. We have set Aligntment for the Content and Set the Image size to Full.

up1 1 - BdThemes

In this section, find the Title, Show Category, Show Text, Strip Shortcode, Show Author switchers, Title HTML Tag, Text Limit, and Separator options.

up2 - BdThemes

Here also find the Date, Human Different Time, Show Time, Reading Time, Show Comments, and Show Navigation options.

The query for the Slider

Query - BdThemes

Go to Content > Query

You can make a query for this slider, here you can select Item Limit and Select the Sources. Sources are most important for that where you want to show the Content. We have selected the posts.

You can select a specific category by using the Include By Terms and select any Category, and Tags name.

Query 1 - BdThemes

Here you can display the posts in various ways, you can select the Offset and set posts by Date, Order By, or Order. There the switcher Ignore Sticky Posts will ignore the sticky post.

Set Slider Settings

Slider Settings 2 - BdThemes

Go to Content > Slider Settings

For the animation of the slider here we have enabled the Autoplay Switcher and Set Autoplay Speed. To repeat the slider we have enabled the Loop Switcher and Set Animation Speed. This will make the slider good animation and looping.

These are all the options in the Content Tab. Now go to Style Section to change the appearance of the Widget.

Style the Camux Slider

Item Customization

item - BdThemes

Go to Style > Item

For the item, we have selected the Overlay Background and set the Background Color. Left the Content Padding by default. Which is looking good.

Set Title for the Camux Slider

Title 2 - BdThemes

Go to Style > Title

Here for the Title, we have set Color, Hover Color, and Background Color Transparent. Set the Typography for the title. The other option we have left default. Follow the screenshot above.

Text Customization

Text - BdThemes

Go to Style > Text

In this section, we have styled the text. We have set the Color and Typography for the text.

Meta section Customization

Meta - BdThemes

Go to Style > Meta

You can customize the Meta section. Here you will get several options to change. We have set the Color, Hover Color, and Typography for the Meta.

Category Customization

Category 1 - BdThemes

Go to Style > Category

We have to change the default option of the category. In the normal mode, we have set Color, Background Color, Padding, and Border Radius. We have also set the Typography for the font. The other option is left as default.

Category hover 1 - BdThemes

In the hover mode, we have set the Color and Background Color for the Category.

Thumbs Customization of Camux slider

Go to Style > Thumbs

Comments Customization

Thumbs commetns - BdThemes

For the comments of the thumbs, we have set several options to customize this. Here we have set Color, Background Color, Border Radius, and Padding.

Set Border in Normal style

Thumbs normal - BdThemes

For the Thumbs, we have set Border Type Solid and set Border Width. Color and Border Radius for the Thumbs.

Active Style for the Thumbs Item

Thumbs active - BdThemes

In thumbs active mode, we have set the Border Color for the Items. For the Comments Text Color and Background Color.

Navigation Section

Go to Style > Navigation

Step-1

up3 - BdThemes

Come to the Navigation section, you will find two sub-sections; Normal and Hover.

In the Normal mode, Find the Navigation Color, Background Type(Classic, and Gradient), Background Color, and Image options.

Step-2

up4 - BdThemes

Here find the Border Type, Border Radius, Padding, Spacing, Size, and Box Shadow options.

Step-3

up5 1 - BdThemes

In the Hover mode, you will get a similar customization option as in the Normal mode. So please try it yourself.
That’s all for the Camux slider.

Video Assist for Camux Slider

Watch the Video tutorial of Camux slider. Please visit the demo page for examples.

Thanks for staying 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