Skip to content
maka-img_mm_marketplace
maka marketplace

Discover Products to help you POWER up with CMS Hub

maka-img_mm_power-pro
Power Pro Theme

Check out the POWER demo and see all the latest features

maka-img_mm_performance
Performance

POWER is optimized to perform, review the results

maka-img_mm_customer-showcase
Customer Showcase

See how our customers used the POWER Theme

POWER Pro V25 released on August 18th 2022 – Read Changelog

maka-img_mm_documentation_3
Getting Started

Follow our guide to save time and avoid missing a step

maka-img_mm_module-library
Module Library

From page speed impact to set up instructions, you'll find it all

maka-img_mm_video-tutorials
Video tutorials

Find all POWER videos in the same spot for quick answers

maka-img_mm_faq
FAQs

Have questions?
We have answers

Experiencing an issue with POWER? Submit a support ticket here

maka-img_mm_about-us
About us

“Would I rather be feared or loved? Easy. Both. I want people to be afraid of how much they love me.”
– Michael Scott, not us

maka-img_mm_blog
Blog

This is mostly a demo right now. We are working on some really cool things around the office.

maka-img_mm_career
Career

Quite possibly the most fun you will have at work, ever. Did we mention how cool we are?

Having issues with POWER?
SUBMIT A SUPPORT TICKET


Schedule a Q&A or Demo
PREPURCHASE CONSULTATION


Other questions?
CONTACT US / LIVE CHAT

LIVE Chat 7CT AM – 7CT PM – Get in touch here

POWER Mini Tag Module

How to configure the Mini Tag module for POWER Pro theme in HubSpot

icon-module-mini-tag

MINI TAG

Mini but mighty, this tag module gives you the flexibility to add a tag with or without an icon to create custom tags for your content.

mini-tag-examples

Page Speed Impact

LOW

Adding the Mini Tag to your pages will not have a significant impact on page speed.

TIPS

Tags are great for drawing attention to important information on your page.

FAQ

How can I create a label for a section?

The Mini Tag module allows you to add a text tag or tag with icon just about anywhere on the page.

Place it directly above a section to add helpful labels with flexible styling options.

Module Options

Tag > Text

Where the text goes for your tag; can also include emojis.

Tag > Icon

Choose an Icon from the Icon Library.

Tag > Icon Image

Upload a custom image to use as an Icon. You can also add/modify the Alt Text for your image.

Layout > Icon Type

Choice of No Icon, Icon, or Image, must match the Icon setting to work properly.

For Icons from the Icon Library, set to Icon.

For custom images, set to Image.

Layout > Icon Position

Option to have the Icon on the Left or Right (default) of the Tag Text.

Layout > Full Width

Checkbox option to have the module span the full width of the section.

Layout > Alignment

Specify the alignment of the icon within the section and/or column. Choices are Left (default), Center, and Right.

Style > Color Scheme

Choice of Light or Dark.

Tip: If you change the background color for the module, the definition of Light Color scheme is a light background with dark text and Dark Color scheme is a dark background with light text.

Style > Background Color

Ability to define a custom background color using a Hex code or the Color Picker tool for the background of the tag (including icon if used).

Style > Icon Size

Ability to set the size of the icon from 0 - 100 pixels.

Tip: It is generally not recommended to set this lower than 16 px to ensure the icon remains legible.

Style > Icon Color

Ability to define a custom icon color using a Hex code or the Color Picker tool.

Style > Padding Top/Bottom and Padding Left/Right

Ability to define padding in pixels equally to the top and bottom and/or left and right of the tag.

Animation

Checkbox to turn on/off Animate on Scroll. Turning off here will only apply to this module, to turn animation off globally refer to Theme Options for Animations.

Ability to change the Animation Type and Delay for the Tag.

Configurations

Full Width Tag

mini-tag-example

Tag > Icon

Globe icon from Icon Library

Layout > Icon Type

Icon

Layout > Full Width

Full Width

Style > Background Color

Custom Color

Also, set Section Background Color to match

Mini Tag

mini-tag-icon-example

Tag > Icon

Globe icon from Icon Library

Layout > Icon Type

Icon

Style > Background Color

Custom Color

DESIGN SOMETHING COOL WITH THIS POWER MODULE?

Share it with us!

NEVER MISS A POWER UPDATE

We are continuously improving our modules and updating our documentation. Stay in the loop.