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.


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