Fraud Blocker
  • Home
  • Products
  • Support
  • Blog
  • Contact

Table Of Contents

Post Slider Widget

How to Use Post Slider Widget

Sometimes, the bloggers face problems while designing post layouts on their site. In terms of that, our Post Slider Widget will be the best solution ever. In this documentation, I’ll include some instructions and pictures detailed to help you get started.

To Insert Widget

inserting Post Slider Widget

Inserting widget, it is just a matter of dragging and dropping. As you see in the screenshot above, drag the post slider for WordPress inside your page.

Content Tab

Using the content tab, you’ll be able to make a layout of a particular part (post slider) of a website. And in this regard, some handy sections in the tab will assist you a lot in designing the post image sliders.


Post Slider Widget layout

Go to the Content tab > Layout.

Come to the Layout section. Here you will find the Skin control (Vast and Hazel) with the default one. The important thing is Post Limit. It will allow you to set the number post you want to display.

In addition, a few switcher buttons will be there to control slider functions such as Show Tag, Title, Title HTML Tag, Show Excerpt, Excerpt Length, Read More button, and Meta.

Another important thing is slider width and Height control will help you to set the slider width and height.


image slides button

Just, go to the Content tab > Button > Icon Library > Upload SVG.

This section will let you set the text to the Button and Icon. When you will choose any icon, you’ll get two more options that are Icon Position (After/Before) and Icon Spacing.


query control

Go to the Content tab > Query.

This section works for setting the source location of data that you need to display by the reference like Author, Categories, Tags, and Formats. The references can be different in accordance with the source location. Read more 

For example, 

A.  Go to Source ➤ next select data location( as posts, pages, etc.) 

B. Then, write down the Categories, Tags, Formats.

C. On the other hand, select categories from the Categories field.

D. Order By and Order controls are here to arrange the data you want to display through Random, Title, Date, or Menu order wisely and also with ascending or descending order. You can also set Offset.


You know our post slider widget is animation supported. From this section, you will be able to manipulate two more switcher buttons (Autoplay, Pause on Hover, and Kenburns Animation).

The most important things in this section are Animation Speed and Slider Animations (as Scale animation).

Style Tab

It is time to work with the Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you want to design


Elementor Post Slider Widget style for the slider

Go to the Style tab > Slider > Overlay > Background.

In this section, under Overlay, you’ll find three options for adding overlay with the slider such as None, Background, and Blend.

In addition, Overlay Color and Opacity for setting color and opacity for the Post Slider Widget.

post slider style 2 - BdThemes

If you select Blend for Overlay, you’ll find one more Blend Type (Multiply, Darken, Screen, etc.). Look at the screenshot above.


post slider style 3 - BdThemes

If your post contains tag, then you will be able to style the tags like Background Color, Text Color, Border Type, border Width, Border Radius, and Typography.

Just, go to the Style tab > Tag.

Title, Text & Meta

post slider style 4 - BdThemes

Simply, go to the Style tab > Title > Text >Meta respectively.

In terms of the sections Title, Text, and Meta, you can set text Color, Typography, and Spacing.



post slider style 5 - BdThemes


post slider style 6 - BdThemes

Go to the Style tab > Button.

There are two modes in the Button section, Normal and Hover. Both will allow you to style the button.


post slider style 7 - BdThemes

Go to the Style tab > Pagination > and check all the controls for the Post Slider Widget.

Video Assist

In conclusion, before using our Post Slider widget, you’ve to make sure that you have made the source (Post, Page, etc.). I hope you have found this article helpful. To get more support and idea, watch the video inserted above and visit the demo page.

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 30-days money-back guarantee.

BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins.

This website is powered by Element Pack Pro and Rooten Theme.

New Year Sales Are Giving up to ~70% Price Off!! on our products | Coupon: HNY2023

Need any assistance? Call Us:+880 1700 55 95 95

Copyright © 2023 BdThemes. All Rights Reserved.