POWER Mini Tag Module
How to configure the Mini Tag module for POWER Pro theme in HubSpot
What image size do I use for the Featured Image?
The Mini Tag module allows you to add a stylized text tag or tag with an icon just about anywhere on the page.
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.
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
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!- MODULE OVERVIEW
- SEC Accordion
- SEC Breadcrumbs
- Coming Soon
- SEC CTA
- SEC Form
- SEC Images
- SEC Map
- SEC Post Preview
- SEC Simple Listing
- SEC Stats Counter
- SEC Steps
- SEC Timeline
- Sticky Sub-Menu
- SUB Accordion
- SUB Stats Counter
- SUB Steps
- Mini CTA
- Mini Icon
- Mini Tag
- Previous Next Navigation
- Page Settings
- HS Heading
- HS Divider
- HS Rich Text
- Back to Module Library