fbpx

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.

Layout

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.

Button

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

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.

Animation

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

Slider

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.

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

Tag

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

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.

Button

Normal:

Hover:

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.

Pagination

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.

SIGNUP NEWSLETTER

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

Enjoy Black Friday Exciting Deals Right Now. Check Here
© Copyright 2021 All Rights Reserved by BdThemes

Enjoy Black Friday Exciting Deals Right Now. Grab The Deals Before The Time Ends!

Day
Hour
Min
Sec