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

Tag Icon Box block guide

Free

How to add the Tag Icon Box block and what every setting does. It is free in Bright Addons Blocks Library on WordPress.org, and Bright Addons Blocks Pro includes it too.

See the Tag Icon Box block All block guides

Start

Add the block

A compact icon box with a title, a Free/Pro/New/Hot or custom-colored tag and a short description.

  1. Install the plugin

    Install Bright Addons Blocks Library from Plugins > Add New (search “Bright Addons Blocks”), or use Blocks Pro, which includes it.

  2. Add the block

    Open a page or post in the block editor, press +, and search for “Tag Icon Box”. It is in the Bright Addons category.

  3. Set it up

    Open the block sidebar and work through Content, Tag, Layout and Colors.

  4. Publish

    Preview the page on desktop, tablet and phone, then publish. The block loads its own CSS and JavaScript only on pages that use it.

Panel 1 of 4

Content

Open the block sidebar and find the Content panel.

Setting What it does Choices
Icon Icon picker. –
Title Text you type. –
Title tag Choose one. H1, H2, H3, H4, H5, H6, div, p
Description Text you type. –
Box link Optional. Makes the whole box clickable. –
Open in a new tab On or off. –

Panel 2 of 4

Tag

Open the block sidebar and find the Tag panel.

Setting What it does Choices
Show tag On or off. –
Tag text Text you type. –
Tag style Choose one. Free (green), Pro (violet), New (pink), Hot (amber), Custom colors
Tag position Choose one. After the title, Before the title, Above the title
Tag link (optional) The tag gets its own link, separate from the box link. –
Tag text Color picker. –
Tag background Color picker. –
Tag border Color picker. –

Panel 3 of 4

Layout

Open the block sidebar and find the Layout panel.

Setting What it does Choices
Icon position Choose one. Left, Top, Right
Alignment Choose one. Left, Center, Right
Card style On or off. –
Lift on hover On or off. –
Description max lines Cuts long text with “…”. 0 shows all of it. From 0 to 8. –

Panel 4 of 4

Colors

Open the block sidebar and find the Colors panel.

Setting What it does Choices
Icon Color picker. –
Icon background Color picker. –
Box background Color picker. –
Title Color picker. –
Description Color picker. –

Questions

Good to know

Is the Tag Icon Box block free?

Yes. Tag Icon Box is one of the 62 free blocks of Bright Addons Blocks Library on WordPress.org. Bright Addons Blocks Pro includes it as well.

Do I need Elementor for this block?

No. It is a block for the WordPress block editor (Gutenberg). Elementor is not needed. If you use Bright Addons Pro for Elementor on the same site, both plugins work side by side.

Will it slow down my pages?

No. Each block loads only its own small CSS and JavaScript, and only on pages where it is used. Blocks you do not need can be switched off in Bright Blocks.

Does it work with my theme?

Yes. The blocks work with block themes and classic themes, and follow your theme fonts. Wide and full width alignment are supported.

Can I animate it?

Yes. Open Entrance animation in the sidebar and pick one of 40 animations with its duration and delay. Visitors who prefer reduced motion see no animation.

Bright Addons Blocks

Build with every block

Blocks Pro adds 99 Pro blocks, Pro effects for every block, Theme Templates and popups to the 62 free blocks.

See Blocks Pro prices See the Tag Icon Box block