Turn Your Minimum Efforts Into Maximum Results
  • Products
      Explore package advantages
  • Support
  • Blog
  • Contact

Table Of Contents

How to use Hansel Slider widget by Ultimate Post Kit

The Hansel Slider widget is another unique slider addon for WordPress. Developed by the Ultimate Post Kit plugin, the Hansel slider presents a charming blogging interface with a pristine background & text combination. It helps you create an awesome blog page within minutes.

Let’s see how it works!

Inserting widget

inserting Hansel Slider widget

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

Inside The 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 Hansel Slider widget for Elementor.

Layout Of Content

Go to Content> Layout

From the top, you will see a slider height adjustment scrollbar and a content max width 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.

Query Of The Hansel Slider Widget

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.

Slider Settings For Animations

Go to Content> Slider settings

Lastly, you will get the settings for the slider animations 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.

Inside The Style tab

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

There are several sections on this tab.

Items Customization Menu

Go to Style> Items

In the first section, you get to change the color of the Hansel slider widget background. You can either select a solid color for this part or go with a gradient color. You can also use an image as the background as well as set some padding around the content of the WordPress sliders.

Customize The Slider 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. Additionally, you get to pick images or gradient colors for the title background as a part of the Hansel Slider widget design.

Also, you have the text-shadow & spacing options for this slider for blogs, by the Ultimate Post Kit plugin.

Text Or Slider Excerpt

Go to Style> Text

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

Slider Meta Customization

Go to Style> Meta

Of course, each post has a meta description that will be displayed at the bottom of the post of the Hansel Slider widget. However, the metatext can be customized by color & typography, size, and spacing through this section.

Hansel Slider Post Category Customization

Go to Style> Category

The post category is displayed on top of the title of the Hansel slider widget for Elementor. This section holds a bunch of options like color, spacing, border, padding, radius, box-shadow, and typography to customize the post category into something unique and fitting for the slider.

Navigation System Customization

Go to Style> Navigation

Lastly, you can customize the navigation pointers in this section. As the Hansel slider widget has a dedicated navigation part in the slider interface, you can customize the whole part along with the arrows and dots navigations altogether.

You can start with the background first then move on to the color settings for the arrows and dots. Notice that you can pick an arrowhead style from the 23 variants available with the Ultimate Post kit plugin. Use the border radius and height options for dots to further customize it.


Like that your Hansel slider widget is ready for displaying your posts with style. Feeling confused?

Watch this video to learn in-depth about the Hansel slider widget by the Ultimate Post kit plugin.

Don’t forget to visit the demo page, provided by Bdthemes.

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.
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.

Subscribe to newsletter

Get Tips & Tricks, Updates, Fresh Blogs & Offers.
Join Now

Join Thousands of Happy Users

Get Tips & Tricks, Updates, Fresh Blogs & Offers.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge