# Content page sections

> Every custom page section: Hero Banner, Contact Form, FAQ, Columns, Store Locator and more.

Theme 1.0.1 | Last updated: 2026-11-04
Canonical: https://www.expertguro.com/docs/rhode/content-page-sections

Every section below appears under **Add section → Custom pages**. You can use them on any page.

## Page Title
A small label, a title (leave empty to use the page name), text, and alignment (center or left).

## Hero Banner
| Setting | What it does |
|---|---|
| Image / Mobile image | Background image. |
| **Video** | One video that replaces the image. |
| Title, Text, Button | The content on the banner. |
| Text color, Dark overlay | Readability. |
| Text position / alignment | Top, middle or bottom; left or center. |
| Height (desktop / mobile) | The banner size. |

## Big Statement
Large centered text with an optional small label, text below and a button. **Show beige background box** and **Inner space** control the look.

## Quote
A large quote with the author's name, for example a founder's note.

## Scrolling Button
A full-width moving strip that works as a link, for example "Reserve your spot".

| Setting | What it does |
|---|---|
| Text, Link | What it says and where it goes. |
| Open in a new tab | For external booking links. |
| Background / Text color | Its colors. |
| Speed | Lower is faster. The strip pauses on hover. |

## Contact Form
| Setting | What it does |
|---|---|
| Title, Text above the form | The intro. |
| Show order number field / phone field | Optional fields. |
| Reasons dropdown | One reason per line. Leave empty to hide the dropdown. |
| Button label, Small note, Thank-you message | Form text. |
| Box width | The form width. |

Messages are sent to your store's sender email (**Settings → Notifications**).

## Event Details
An image, event name and description, plus **Info row** blocks (for example When and Where) and a button (for example Reserve).

## FAQ
**Question** blocks that open and close smoothly.

| Setting | What it does |
|---|---|
| Title | The section heading. |
| Open the first question | Shows the first answer by default. |
| Show beige background box | Panel style. |

## Columns
A flexible grid for categories, values, pillars, team members or projects.

| Setting | What it does |
|---|---|
| Title, Text, Title alignment | The section header. |
| Columns (desktop / mobile) | 1 to 5 on desktop; 1 or 2 on phones. |
| Card style | Beige box or no box. |
| Card text alignment | Left or center. |
| Image shape | Square, portrait, landscape or wide. |
| Button under the columns | An optional button below the grid. |

**Column block:** image, small label, heading, text, button label and link.

## Card Slider
Swipeable cards with arrows, for example ingredients. **Card** blocks have an image, heading, text and button. Set the card width and image shape.

## Store Locator
**List / Map** buttons, a search box, store cards and a live Google map. Clicking a store moves the map to it.

**Store block:**

| Setting | What it does |
|---|---|
| Store name | The store's name. |
| Address | The store's address. |
| Opening hours | Shown on the card. |
| Phone | Shown on the card. |
| Map search | Optional. What to search on the map; leave empty to use the name and address. |

Each card has a **Get directions** link.

## Solid Header
Add this to any page that doesn't start with a big photo. It makes the header beige with dark text, so the menu is always readable. It shows nothing on the page itself. You can set the background color, text color and rounded bottom corners.