Body Stack

What It Does

Displays a vertically stacked content block with an optional label heading, main heading, body text, expandable toggles, and a call-to-action button.

When to Use It

• Adding a text section with a heading and description to any page
• Creating feature introductions with a call-to-action
• Building content blocks that need consistent spacing and styling
• Adding FAQ-style expandable content using toggles

How to Add This Module

1. In the page builder, find "Body Stack" in the module list
2. Drag it to where you want it on the page
3. Click on it to open the settings panel

Settings Explained

Content Tab

Show/Hide Elements

Setting	What It Does	Options
Show Icon Heading	Displays a small label above the main heading	On/Off
Show Main Heading	Displays the main heading text	On/Off
Show Body Content	Displays the body text area	On/Off
Show Toggles	Displays expandable FAQ-style sections	On/Off
Show Button	Displays the call-to-action button	On/Off

Icon Heading (when enabled)

Setting	What It Does	Options
Heading Text	The small label text	Any text
Heading Level	HTML element type for SEO	p, h1, h2, h3, h4, h5, h6
Icon	Optional icon displayed next to text	Icon picker

Main Heading (when enabled)

Setting	What It Does	Options
Heading Text	The main heading text	Any text
Heading Level	HTML heading level for SEO	h1, h2, h3, h4, h5, h6
Uppercase	Displays heading in all caps	On/Off
Color	Text color of the heading	Black, White

Body Content (when enabled)

Setting	What It Does	Options
Content	Rich text editor for body copy	Formatted text
Text Color	Color of the body text	Black, White
Text Size	Size of the body text	Small, Medium, Large

Toggles Configuration (when enabled)

Setting	What It Does	Options
Toggle Items	Add expandable sections with titles and content	Add up to 10 items

Call-to-Action Button (when enabled)

Setting	What It Does	Options
Button Text	Text displayed on the button	Any text
Button Link	Where the button goes when clicked	URL, page, or file
Button Style	Visual appearance of the button	Gradient, Primary, Secondary, Ghost, etc.
Button Size	Size of the button	Small, Medium, Large

Advanced Customization

Setting	What It Does	Options
CSS Class Selector	Add custom CSS classes	Class name(s)
CSS ID Selector	Add a unique ID for the element	ID name

Style Tab

Padding

Setting	What It Does	Options
Padding Mode	How to control spacing around content	No Padding, All Sides, Vertical & Horizontal, Individual Sides
Padding Values	Amount of spacing	None, Extra Small, Small, Medium, Large, Extra Large

Example Setups

Example 1: Service Introduction

1. Drag "Body Stack" to your page
2. In Show/Hide Elements, turn ON: Icon Heading, Main Heading, Body Content, Button
3. Set Icon Heading text to "Our Services"
4. Set Main Heading text to "Digital Marketing Solutions"
5. Set Main Heading level to "h2"
6. Add your description in the Body Content editor
7. Set Button Text to "Learn More"
8. Set Button Link to your services page
9. Choose "Gradient" for Button Style

Example 2: FAQ Section with Toggles

1. Drag "Body Stack" to your page
2. In Show/Hide Elements, turn ON: Main Heading, Show Toggles
3. Turn OFF: Icon Heading, Body Content, Button
4. Set Main Heading text to "Frequently Asked Questions"
5. In Toggles Configuration, add your questions and answers
6. Each toggle has a Title (the question) and Content (the answer)

Example 3: Simple Text Block

1. Drag "Body Stack" to your page
2. In Show/Hide Elements, turn ON only: Body Content
3. Turn OFF all other elements
4. Add your content in the Body Content rich text editor
5. Adjust padding in the Style tab as needed

Tips

• Use the Icon Heading as a category label or section identifier (like "Featured" or "About Us")
• Keep the Main Heading level consistent with your page hierarchy (usually h2 for section headings)
• The toggle feature is great for FAQs or content you want to keep compact
• Use the Padding controls in the Style tab to create consistent spacing between sections
• The button style "Gradient" works well on most backgrounds; use "Ghost" for a subtle look