---
title: Info badges
description: How to setup the Info Badges section in Booster Theme.
---

[Skip to content](https://help.boostertheme.com/knowledge/how-to-setup-info-badges-in-booster-theme#main-content)

![logo_white_booster-Sep-13-2022-06-54-02-62-PM.png\]](https://help.boostertheme.com/hs-fs/hubfs/logo_white_booster-Sep-13-2022-06-54-02-62-PM.png?height=36&name=logo_white_booster-Sep-13-2022-06-54-02-62-PM.png)

- [Home - Help Center](https://help.boostertheme.com/knowledge)

Open main navigation

Close main navigation

- [Home - Help Center](https://help.boostertheme.com/knowledge)
- [Go to boostertheme.com](https://boostertheme.com/)

[Go to boostertheme.com](https://boostertheme.com/?hsLang=en)

 Hello. How can we help you?

- There are no suggestions because the search field is empty.

1. [Home - Help Center](https://help.boostertheme.com/knowledge?hsLang=en)
2. [In-depth Tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en)
3. [More tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#more-tutorials)

# Info badges

## How to setup the Info Badges section in Booster Theme.

[![Info Badge](https://help.boostertheme.com/hs-fs/hubfs/image-png-Nov-29-2023-10-04-32-8312-AM.png?width=688&height=61&name=image-png-Nov-29-2023-10-04-32-8312-AM.png)](https://help.boostertheme.com/hubfs/Info%20Badge.webp?hsLang=en)

The Info badge contains a gist of vital information pertaining to the site. Visitors often look for info badges while they browse through an e-commerce site. Find out how you can set up info badges in the Booster theme.

#### In this article:

1. [Section Layout](https://help.boostertheme.com/knowledge/how-to-setup-info-badges-in-booster-theme#section-layout)
2. [Section Background](https://help.boostertheme.com/knowledge/how-to-setup-info-badges-in-booster-theme#section-BG)
3. [Background Overlay](https://help.boostertheme.com/knowledge/how-to-setup-info-badges-in-booster-theme#Bacground-overlay)
4. [Section Content](https://help.boostertheme.com/knowledge/how-to-setup-info-badges-in-booster-theme#content)
5. [Icon name](https://help.boostertheme.com/knowledge/how-to-setup-info-badges-in-booster-theme#icon-name)
6. [Add Info Badge block](https://help.boostertheme.com/knowledge/how-to-setup-info-badges-in-booster-theme#add-block)
7. [Heading](https://help.boostertheme.com/knowledge/how-to-setup-info-badges-in-booster-theme#heading)
8. [Subheading](https://help.boostertheme.com/knowledge/how-to-setup-info-badges-in-booster-theme#subheading)

---

#### Section Layout

This setting helps you organize and arrange contents in your Info Badge. This includes the option to enable/disable it on mobile and desktop and adjust the minimum height, section padding, and space between blocks.

#### Section Background

This option allows you to add a background color or image and place the position of your Info badge. You can also add a background effect, and enable the Parallax feature.

[![Section background](https://help.boostertheme.com/hs-fs/hubfs/Section%20background.gif?width=688&height=276&name=Section%20background.gif)](https://help.boostertheme.com/hubfs/Section%20background.gif?hsLang=en)

#### **Background Overlay**

This section enhances the visual appeal of your Info Badge by applying a translucent layer over the background, creating a subtle yet stylish effect that complements the overall design. 

**[![Background Overlay](https://help.boostertheme.com/hs-fs/hubfs/Background%20Overlay.gif?width=688&height=276&name=Background%20Overlay.gif)](https://help.boostertheme.com/hubfs/Background%20Overlay.gif?hsLang=en)**

#### **Section Content**

The content of a particular section helps us understand why it is important.  You can change the content's text color, arrange its position, and adjust the icon position.

[![section content](https://help.boostertheme.com/hs-fs/hubfs/image-png-Nov-30-2023-01-55-45-4031-AM.png?width=257&height=298&name=image-png-Nov-30-2023-01-55-45-4031-AM.png)](https://help.boostertheme.com/hubfs/Section%20content.webp?hsLang=en)

#### **Add info badge block**

The content, in any online shopping site, is king. The info badges need to have proper content too, to attract customers. Find out how to make the content of the info badges attractive to customers in our Booster theme. You can as many as four (4) blocks.

[![Add block](https://help.boostertheme.com/hs-fs/hubfs/Add%20block.gif?width=688&height=274&name=Add%20block.gif)](https://help.boostertheme.com/hubfs/Add%20block.gif?hsLang=en)

#### **Icon name**

The name of the desired icon has to be placed in this location. More than two thousand icons are available in the Unicons library.

[More information about how to use the Unicons library](https://help.boostertheme.com/knowledge/unicons-icon-library-in-booster-theme?hsLang=en)

[![Icon name](https://help.boostertheme.com/hs-fs/hubfs/Icon%20name.png?width=688&height=278&name=Icon%20name.png)](https://help.boostertheme.com/hubfs/Icon%20name.png?hsLang=en)

#### **Heading**

The heading of the icon badges may be modified with the help of this setting.

[![Heading](https://help.boostertheme.com/hs-fs/hubfs/Heading.png?width=688&height=245&name=Heading.png)](https://help.boostertheme.com/hubfs/Heading.png?hsLang=en)

#### **Subheading**

The subheading of the icon badges may be modified with the help of this setting.

[![Subheading](https://help.boostertheme.com/hs-fs/hubfs/Subheading.png?width=688&height=248&name=Subheading.png)](https://help.boostertheme.com/hubfs/Subheading.png?hsLang=en)

 

*- End of the article -*

- [Get started](https://help.boostertheme.com/knowledge/get-started?hsLang=en#main-content)
  
  
  
  
  
    - [Installation Process](https://help.boostertheme.com/knowledge/get-started?hsLang=en#installation-process)
    - [Learning the basics](https://help.boostertheme.com/knowledge/get-started?hsLang=en#learning-the-basics)
- [In-depth Tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#main-content)
  
  
  
  
  
    - [Sections](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#sections)
    - [Theme settings](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#theme-settings)
    - [Product Page](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#product-page)
    - [More tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#more-tutorials)
- [More support](https://help.boostertheme.com/knowledge/more-support?hsLang=en#main-content)
  
  
  
  
  
    - [Partners app Ressource center](https://help.boostertheme.com/knowledge/more-support?hsLang=en#partners-app-ressource-center)
    - [Managing your subscription & theme](https://help.boostertheme.com/knowledge/more-support?hsLang=en#managing-your-subscription-theme)
    - [Change logs & Policies](https://help.boostertheme.com/knowledge/more-support?hsLang=en#change-logs-policies)
    - [Announcements and others](https://help.boostertheme.com/knowledge/more-support?hsLang=en#announcements-and-others)

[![Chill listening crop-3](https://help.boostertheme.com/hs-fs/hubfs/Booster-black-logo.png?width=178&height=51&name=Booster-black-logo.png "Chill listening crop-3")](https://boostertheme.com/?hsLang=en)

<https://www.facebook.com/316229588744482> <https://www.instagram.com/boostertheme> <https://www.youtube.com/c/BoosterTheme>

Copyright © 2026, Booster Theme - PreviewX Inc.