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.
60Posts 30
Pages 150
Comments
Multiple Together
BicyclesBouncy Balls
Toy Trains
Explore More Shortcodes
- Alert
- Animated Popular
- Animated Image
- Animated Scroll New
- Audio
- Badge
- Blockquote
- Blog
- Blur New
- Books
- Button
- Chart
- Clients
- Code
- Collapsibles
- Content Box
- Content Section Popular
- Counter
- Coupons
- Custom Post Type
- Definitions
- Device Mockups
- Divider Popular
- Dropcap
- Emphasis
- Events
- FAQ
- Filler
- Flip Box Popular
- Fullscreen Video
- Gallery Popular
- Google Docs Viewer
- Guests
- Heading
- Highlight
- Hover Box
- Horizontal Ruler
- Icon Popular
- Icon List
- If New
- Image
- Image Compare
- Jobs
- Label
- Lead
- Lightbox
- Locations
- Map
- Masonry
- Members
- Menu
- Post Meta Data
- Movies
- Music
- News
- Overlay Popular
- Panel New
- Parallax Scene Popular
- Permalink
- Person
- Popover
- Portfolio
- Post Fields
- Post Media
- Pricing Table
- Progress
- Project
- Promotional Box
- QR Code
- Quotes
- Recent Books
- Recent Clients
- Recent Coupons
- Recent Events
- Recent Jobs
- Recent Locations
- Recent Movies
- Recent Music
- Recent News
- Recent Portfolios
- Recent Posts
- Recent Projects
- Recent Quotes
- Recent Recipes
[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"]