BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Guide

Icon Box with Tag Free

How to set up and style the Icon Box with Tag widget in Elementor.

Icon Box with Tag shows an icon, a title and a short text in a box, with a small tag next to the title or above it. Use it for feature grids, services and plan highlights where one box needs a Free, Pro, New or custom label.

Part of: Bright Addons (free).

Set it up

  1. Drag Icon Box with Tag into a section or container.

  2. In Icon Box, pick the Icon, the Icon Position, the Title and the Description.

  3. Add a Box Link if the whole box should be clickable.

  4. In Tag, set Tag Text, Tag Style and Tag Position. Choose Custom to pick your own tag colors.

  5. Style the box, icon, title, description and tag in the Style tab, then update the page.

Content options

Icon Box

Option What it does
Icon The icon of the box, from the icon library or an SVG upload.
Icon Position Left, top or right of the text, per device.
Title The heading of the box.
Title HTML Tag The HTML tag of the title, H2 to H6 or div.
Description The text under the title.
Box Link Makes the whole box clickable.

Tag

Option What it does
Show Tag Shows or hides the tag.
Tag Text The word in the tag.
Tag Style Free, Pro, New or Custom colors.
Tag Position After the title, before the title or above the title.
Tag Link Optional link for the tag only, separate from the box link.
Tag Text Color Text color of a Custom tag. Tag Background and Tag Border set its other colors.
Bright Addons Pro

Like this free widget? Get 70+ more with Pro

Pro adds 78 widgets, 10 extensions, a Theme Builder and 32 dynamic tags, and keeps every free widget. From $18 a year, with a 14-day money-back guarantee.

Style options

These sections are in the Style tab.

  • Box

    text alignment, padding, border radius, lift on hover, and background, border and shadow for normal and hover.

  • Icon

    icon size, icon box size and radius, space between icon and text, and colors for normal and hover.

  • Title

    typography, color, hover color and space below.

  • Description

    typography, color and Max Lines.

  • Tag

    typography, padding, border radius, border width, space between text and tag, and the colors of the Free, Pro and New styles, plus hover colors for linked tags.

Tips

  • Use the same Tag Style on boxes in a grid so visitors learn what each color means.

  • Max Lines at 0 shows the full description.

  • The widget loads its small stylesheet only on pages where it is used, and it needs no script.

Questions and answers

Can the tag sit above the title?

Yes. Set Tag Position to Above the title to show it as a small label over the heading.

Can the whole box be a link?

Yes. Add a Box Link and the whole box becomes clickable. A Tag Link still works on its own.

Can I use my own tag colors?

Yes. Choose Custom as Tag Style and set Tag Text Color, Tag Background and Tag Border.

Is this widget free?

Yes. Icon Box with Tag is part of the free Bright Addons plugin and is also included in Bright Addons Pro.

Need more help?

Check the troubleshooting guide, or contact support with the page address and what you expected to happen.

Troubleshooting guide
All guides
[ba_docs_nav]