Full-Width Callout Content Block • StageHand

Posted November 26, 2024

Full-Width Callout Content Block Overview

The full-width callout content block is an excellent tool for promoting events, soliciting donations, or selling ads to your community supporters. Unlike the sidebar callout, this block can be added to the main content area of a page and stacked with other content blocks for greater flexibility.

Graffiti wall with man that looks like a surprised mad scientist.

This is a Callout

This is a text editor. You can put anything in here. Like this nonsense: Finite but unbounded emerged into consciousness the ash of stellar alchemy tingling of the spine colonies bits of moving fluff. This is where you can find more Sagan Ipsum.

Eventbrite Button

How to Add a Full-Width Callout

Navigate to the Content Blocks section of your page editor.
Click the blue ‘Add Content Block’ button at the bottom of the section.
Select ‘Callout’ from the dropdown menu.

Screenshot of a webpage interface for adding a custom block, with options for title, background color, image size, and content. A sidebar lists block types to choose from.

Fields in the Full-Width Callout Content Block

This block includes four customizable fields:

1. Nav Title

Used for in-page navigation.
For an example, refer to the in-page navigation linked in the hero section above.

2. Background Color

Choose from four background color options:
- Transparent

Text on a plain background reads: "This is a Basic Callout. This example shows what it looks like without an image or button. Basic.

- Primary

Plate of eggs Benedict with salad on a table, beside a glass and a white pitcher. Text on the side reads "Sell an Ad to Sponsors" with a "Learn how" button.

- Primary Dark

Ballet dancer performing an arabesque on a bridge at night with city lights in the background.

- Light Background

A tilted view of a sign on a building with text indicating a location. Nearby text provides an address for 3928 Cimmir Street and a button labeled "Map It!.

3. Image Size

Select the size of your image:
- Small

A tilted view of a sign on a building with text indicating a location. Nearby text provides an address for 3928 Cimmir Street and a button labeled "Map It!.

- Large

Ballet dancer performing an arabesque on a bridge at night with city lights in the background.

4. Callout Dropdown

Select the callout you want to feature on the page.
- Note: You’ll need to create the callout in the ‘Callouts’ section first before it can be added to a page.
- For instructions on creating a callout, see the Callout Creation Guide.

This block allows you to add visually engaging, interactive elements that enhance the content and drive user engagement.