fbpx

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.

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.

Icon

title/subtitle customization

In this section, you can go like Number Icon.

Image

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.

SIGNUP NEWSLETTER

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

Missed Black Friday offer this year? Get up for flat 50% discount right now. Check Here

© Copyright 2021 All Rights Reserved by BdThemes

Missed the Black Friday offer this year? Get up for flat 50% discount right now.