The Usage of Fancy List Widget

element pack

The Usage of 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 widgets to design 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 list group. The list not limited, you can add a new list in the list group just 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 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 to delete clicking on the delete icon.




Style Tab

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

Let’s have a look.



List Item

In this section, you can set alignment and spacing between all the 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.

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.







About Selim Rana

Selim Rana is the Founder of BdThemes - the company behind Element Pack Pro! He is a Software Engineer passionate about WordPress and Elementor.


A first-ever all-in-one web solution with essential widget, extensions, and features for Elementor WordPress.

Your complete web development partner.

Contact

Copyright © 2022 BdThemes.
All Rights Reserved. Site built with Element Pack & Rooten Theme.

Be cool in Summer with up to 40% OFF on our product | Coupon: SUMMERSALE

Ready to buy Element Pack Pro?

Don’t miss 230+ essential Elementor widgets and 2000+ ready templates for professional web design.

Changed your Mind?

Please Suggest to 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.