---
title: Stacked Card Slider Documention
description: Stacked Card Slider Documention
---

[Skip to content](https://www.modfrybus.shop/stacked-card-slider-documention#main-content)

[![Modfrybus-logo](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Modfrybus-logo.png?width=90&height=52&name=Modfrybus-logo.png)](https://www.modfrybus.shop/?hsLang=en)

- [Home](https://www.modfrybus.shop/)
- [About](https://www.modfrybus.shop/about-us)
- [Services](https://www.modfrybus.shop/services)
- [Pricing](https://www.modfrybus.shop/pricing)
- [Blog](https://www.modfrybus.shop/modfrybus-blog)
- [Contact](https://www.modfrybus.shop/contact-us)

Open main navigation

Close main navigation

- [Home](https://www.modfrybus.shop/)
- [About](https://www.modfrybus.shop/about-us)
- [Services](https://www.modfrybus.shop/services)
- [Pricing](https://www.modfrybus.shop/pricing)
- [Blog](https://www.modfrybus.shop/modfrybus-blog)
- [Contact](https://www.modfrybus.shop/contact-us)
- [Marketplace Assests](https://app.hubspot.com/ecosystem/48318526/marketplace/modules?eco_providers=Modfrybus)

[Marketplace Assests](https://app.hubspot.com/ecosystem/48318526/marketplace/modules?eco_providers=Modfrybus)

#### Stacked Card Slider Documention

## 1. Introduction (Overview)

A **stacked card slider** module where cards slide smoothly and stack on top of each other. Easily add, edit, and customize card colors and widths for desktop and mobile. Fully responsive and interactive for showcasing features, steps, or content highlights.

## 2. Key Features

- **Multiple Card Management:** Easily add, edit, and manage multiple cards from module settings.
- **Card Color Options:** Choose single or different colors for each card to match your design.
- **Stacked Card Slider:** Cards slide smoothly and stack one over another with a layered effect.
- **Card Width Control:** Set custom card width separately for desktop and mobile devices.
- **Responsive Design:** Ensures smooth performance and layout across all screen sizes.
- **Easy Customization:** Quickly configure styles and content without any coding.

## 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.
- A **stacked card slider** module where cards slide smoothly and stack over each other. Easily add and edit multiple cards, customize individual colors, and control widths for desktop and mobile. Fully responsive and interactive.

## 5. Module Settings Guide

**1. Content Tab** 

- **Multiple Card Management:**
  
  Easily add, update, and manage more than one card in the module.
- **Title, Index & Description:**
  
  Add a card title, index number, and description to display content clearly.
- **Category & Button Link:**
  
  Assign categories to cards and add button links. For category tags, **don’t add URL**; use links only for buttons.
- **Individual Card Color Options:**
  
  Set a unique color for each card to match your design and layout.
  
  ![Frame (45)](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Frame%20(45).jpg?width=1407&height=1105&name=Frame%20(45).jpg)

 

**2. Style Tab**

- **Module Settings:**
  
  Set module width (full or custom), spacing, and overall color options.
- **Card Customization:**
  
  Customize card title, description (line height, font size, color), and category tag & button link (font size, color, text transform: uppercase/lowercase).
- **Arrow Customization:**
  
  Adjust arrow background, border, arrow color, hover background, size, and border radius.
- **Width & Gap Control:**
  
  Set desktop and mobile card width, and adjust gaps between cards for desktop.
- **Card Scrollbar Styling:**
  
  Customize scrollbar background color and border radius for cards.
- **Corner & Box Shadow:**
  
  Adjust card border radius and apply box shadow for a layered look.
- **Card Spacing:**
  
  Control spacing between cards to suit your layout and design.

![Group 1000002229](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Group%201000002229.png?width=1000&height=751&name=Group%201000002229.png)

 

## 6. Examples / Demo Preview

View the module in action[:https://www.modfrybus.shop/stacked-card-slider](https://www.modfrybus.shop/stacked-card-slider?hsLang=en)<https://www.modfrybus.shop/ribbon-cards?hsLang=en><https://www.modfrybus.shop/hero-with-video-popup-divider?hsLang=en>

## 7. Support & Contact

For questions or support, contact us at [productqueriemodfrybus@outlook.com](mailto:productqueriemodfrybus@outlook.com) We’re happy to help!

[![Modfrybus-logo](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Modfrybus-logo.png?width=150&height=87&name=Modfrybus-logo.png "Modfrybus-logo")](https://www.modfrybus.shop/?hsLang=en)

[Privacy Policy](https://www.modfrybus.shop/privacy-policy?hsLang=en)

[Terms and Conditions](https://www.modfrybus.shop/terms-and-conditions?hsLang=en)

[Refund Policy & Support](https://www.modfrybus.shop/modfrybus-refund-policy-support?hsLang=en)

 Copyright © 2025, Modfrybus