Introduction

The badge shortcode can be used for any small piece of text that you want to highlight. Generally it is used like a tag. The badge shortcode is also good to highlight new or unread items, categories, an item count, etc.

Basic Example

Comments 30

Colors and Border Radius (rounded corners)

Pick any color you want to make the badge fit into your theme design. When setting the border radius, use the standard CSS style settings.

60
Posts

30
Pages

150
Comments

Multiple Together

Bicycles
Bouncy Balls
Toy Trains

Explore More Shortcodes

[intense_content_section]
<h2>Introduction</h2>
The badge shortcode can be used for any small piece of text that you want to highlight. Generally it is used like a tag. The badge shortcode is also good to highlight new or unread items, categories, an item count, etc.
[/intense_content_section]
[intense_content_section background_type="color" background_color="#f9f9f9" border_top="1px solid #ededed" border_bottom="1px solid #ededed"]
<h2>Basic Example</h2>

Comments [intense_badge]
30
[/intense_badge]
[/intense_content_section]
[intense_content_section]
<h2>Colors and Border Radius <small>(rounded corners)</small></h2>
Pick any color you want to make the badge fit into your theme design. When setting the border radius, use the standard CSS style settings.<br />

[intense_badge color="warning" border_radius="5px"]
60
[/intense_badge] Posts

[intense_badge color="inverse" border_radius="5px"]
30
[/intense_badge] Pages

[intense_badge color="error" border_radius="5px"]
150
[/intense_badge] Comments
[/intense_content_section]
[intense_content_section background_type="color" background_color="#f9f9f9" border_top="1px solid #ededed" border_bottom="1px solid #ededed"]
<h2>Multiple Together</h2>

[intense_badge color="success"]
Bicycles
[/intense_badge]
[intense_badge color="success"]
Bouncy Balls
[/intense_badge]
[intense_badge color="success"]
Toy Trains
[/intense_badge]
[/intense_content_section]

[intense_snippet snippet_id="Child Theme | Shortcodes/footer" snippet_title="Shortcode Page Footer"]