How to Use
Installation: Navigate to Content > Design manager > @marketplace > Pinetco folder to find the Text Mask Module. Install it.
Integration: In the Content section, choose Website Pages and add the "Text Mask" module to your desired page.
Content Customization
-
Text Style: Select the fill style for the text: Image, Gradient, or Color.
-
Title: Provide a title for the Text Mask.
-
Background Image: Upload a background image for the clipping mask.
-
Set Background Position Fixed: Check this box to fix the background position for the text.
-
Color: If you select a solid color for the text style, please choose the color here.
-
Gradient Degree: If you select a gradient for the text style, please specify the gradient degree here.
-
First Color: If you select a gradient for the text style, please choose the first color here.
-
Second Color: If you select a gradient for the text style, please choose the second color here.
Style Customization
Utilize the Style Group options to refine the Text Mask:
- Enhance Your Design: Font Style, Maximum Content Width, Position of Background Image, Text Alignment, Font Size - Desktop, Font Size - Tablet, Font Size - Mobile.
Conclusion
The Text Mask Module for HubSpot offers a powerful way to create engaging and visually stunning text effects. With features like transparent text, and versatile text fill options including images, gradients, and colors, this module provides users the creative flexibility to enhance their content. Easy customization, responsive design, and the ability to fix background positions ensure that your text effects look polished and professional across all devices. Please make sure to elevate your HubSpot pages with dynamic text visuals that capture attention and drive engagement.