1. Introduction (Overview)

Hover Scrolling Cards is an interactive module that displays customizable cards with smooth scrolling hover text effects. Easily manage colors, icons, and layouts while ensuring full responsiveness across desktop, tablet, and mobile devices. 

2. Key Features

• Interactive cards with smooth hover scrolling (marquee-style) text
• Fully customizable card colors, icons, and content
• Display multiple cards with flexible layout options (2, 3, or 4 per row)
• Responsive design with adjustable card height for desktop, tablet, and mobile
• Easy to add, edit, and manage card content

3. Installation – Downloading the Module from HubSpot Marketplace

• Log in to your HubSpot account.
• Go to the Marketplace from the main navigation menu.
• Search for your module by name.
• Find the module in the results and click Install.
• If it’s a paid module, you can also click Buy Now to purchase and install directly.

4. How to Use – Adding the Module to Your Page

• Open your HubSpot page editor.
• Click on Add Module.
• Search for your module by name.
• Drag and drop the module into the desired section of your page.

•  Hover Scrolling Cards is a dynamic module that lets you create interactive cards with smooth marquee-style hover text animations. Customize colors, icons, and content with ease, and display multiple cards in flexible layouts, fully optimized for desktop, tablet, and mobile screens. 

   

   

5. Module Settings Guide

1. Content Tab 

• Cards Per Row: Choose how many cards to display in a row (2, 3, or 4 options).

• Multiple Cards: Easily add and manage multiple cards as needed.

• Card Colors: Customize each card with different background colors.

• Marquee Text Colors: Apply unique colors to hover scrolling text for each card.

• Clickable Cards: Make the entire card clickable to improve user interaction.

2. Style Tab

• Background Color: Set a single background color for all cards at once.

• Card Height: Adjust card height for desktop, tablet, and mobile devices.

• Title Customization: Control title font color, size, family, and mobile font size.

• Description Customization: Customize text color, font size, and line height.

• Price & Currency Font: Adjust color, size, and font family for price elements.

• Marquee Text Customization: Set color, size, font family, mobile font size, and scrolling speed.

• Icon Size: Easily adjust icon size as per design needs.

• Icon & Title Height: Set equal height for proper alignment of icons and titles.

• Card Spacing: Control spacing between cards for better layout.

• Hover Transform Effect: Add hover animation/transform effects to enhance card interaction.

 

6. Examples / Demo Preview

View the module in action: https://www.modfrybus.shop/hover-scrolling-cards

7. Support & Contact

For questions or support, contact us at productqueriemodfrybus@outlook.com We’re happy to help!