Table Of Contents

fancy list widget

How to use Elementor Fancy List Widget

Generally, a list is a way of presenting a set of items. The Fancy List Widget developed by Element Pack I think will be very much handy for you to show your web content listwise.

The guideline below about the widget mentioned above will get you to walk in the right way. 

In addition, I’ll guide you in different phases of how you can insert & use the WordPress list widget to design a layout for the content (text, image, and video, etc.) you want to work with and style as well.

Content Tab

fancy list widget layout

After dragging and dropping the mentioned widget in a new section, you will get a bullet list group. The list is not limited, you can add a new list in the list group just by clicking on the ADD ITEM button.

Show Number Icon switcher button will allow you to show the list number.

Wordpress list widget bullet list

You can edit every single list item. Simply, hit on the List Item and edit the field provided by the bullet List Item, and set Icon, Link, or Image included by the list item. Moreover, you can add Title and Sub Title.

fancy list widget icons

One more thing, from here you can add a link to the icon, title, or whole block.

list duplicate delete - BdThemes

If you have to get the same designed content, you’ll be able to duplicate clicking on the duplicate icon and delete clicking on the delete icon.

Style Tab

Let’s work with the Style Tab. The tab will confidently have you style the web content (text, image, video, etc.) of the page you want to design with the fancy list widget.

Let’s have a look.

List Item

list widget layout style

In this section, you can set alignment and spacing between all the WordPress list items. Simply go to Style Tab > List Item and just edit all the controls such as Background color, Space Between, Height, Border Type, Padding, Box Shadow, Border Radius, and Alignment.

Number Icon

bullet list counter

Here, you with the default style will be able to put text & background color along with padding as you see in the screenshot and also border type(solid, double, dotted, dashed, groove) to the radius.

Title/ Subtitle

This section will allow you to set color & typography respectively to Title and Sub Title of the fancy list widget.

For example, go to Title/ Subtitle > Normal > set Color & Typography for the Title and Sub Title.


title/subtitle customization

In this section, you can go like Number Icon.


image customization of the list widget

If you want an image icon instead of a number icon, then here you will be able to style the image as you see in the screenshot.

That’s how you can easily use the fancy list widget to create awesome bullet lists.

Video Tutorial

Watch this video to get a detailed info on the use of the fancy list widget for Elementor.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
Be cool in Summer with up to 40% OFF on our products | Coupon: SUMMERSALE

Ready to buy our Products?

Don’t miss Powerful Elementor plugins; the Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit and over 2000+ ready templates for professional web design.

Changed your Mind?

Please Suggest us how to improve

Up to 40% OFF

Grab the best summer deal and enjoy awesome Elementor web design tools in your hands now! This is a limited-time offer so get it before time runs out.