Visual Accordion - Module
Visual Accordion Module Documentation
Introduction
Welcome to the documentation for the Visual Accordion module! This module allows you to easily create a visually appealing two-column accordion section for your website.
Installation
- HubSpot Marketplace Installation:
- Navigate to the HubSpot Marketplace and search for "Visual Accordion."
- Click on the module and follow the installation instructions.
Getting Started
- Adding the Visual Accordion Section:
- After installation, navigate to your website editor in HubSpot.
- Add a new section and select "Visual Accordion" from the available modules.
Configuration Options
- Accordion Content:
- Each accordion item consists of an image and a description.
- By default, the first accordion item is opened, and clicking on another item closes the previous one and opens the clicked item.
- Styling Options:
- Accordion Title:
- Font Color
- Font Size
- Accordion Description:
- Font Color
- Font Size
- Image Options:
- Auto Height
- Custom Height
- Accordion Title:
Usage
-
Adding Accordion Items:
- Click on the module to add or edit accordion items.
- Provide descriptions for each item.
-
Customizing Styling:
- Adjust font color and size for accordion titles and descriptions as per your design preferences.
Best Practices
-
Content Organization:
- Use clear and concise titles and descriptions for each accordion item.
-
Visual Consistency:
- Maintain a consistent design theme across all accordion items.
Troubleshooting
-
Accordion Behavior:
- If accordion items are not opening or closing as expected, check for conflicting scripts or styling in your website's code.
-
Styling Issues:
- If styling changes are not reflecting on the accordion, ensure that the changes are applied correctly within the module settings.
Support
If you encounter any issues or have questions regarding the Visual Accordion module, feel free to reach out to our support team at info@straightgrowth.com .