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
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.
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.
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
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
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
In this section, you can go like Number Icon.
Image
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.
