How to add Label Tab to Elementor Stylish List?

Updated on June 24, 2024 by Editorial Team
Table Of Content

Do you want to add labels to  Elementor stylish list item? These list icons not only add visual appeal but also serve as a useful tool for organizing information in a concise and eye-catching manner. 

Highlighting an item with label can be helpful if you want to attract visitor’s attention on it. 

With the Style Lists widget from The Plus Addons for Elementor, you can easily highlight a particular icon list item.

To check the complete feature overview documentation of The Plus Addons for Elementor Style Lists widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

To do this, add the Style Lists widget to the page and follow the steps – 

1. From the Stylish List tab, open the item you want to highlight.

2. Enable the Pin Hint toggle.

Stylish list pin hint settings

3. In the Hint Text field, you have to add the pin text.

From the Text Color section, you can change the pin text color.

You can add a background color to the pin text from the Background Color section.

From the Horizontal Adjust section, you can place the pin text horizontally for responsive devices. 

Similarly, you can vertically place the pin text from the Vertical Adjust section. 

Now the icon list item will have pin text to highlight it.

Stylish list pin hint demo
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]

    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website