Small Banner

The small banner is a wide, short image that serves as a page header or as a page element, such as an anchor in the bottom area. Comes with fields for a title, background color, description and image.

Examples

Carnation

Desktop

carnation–landing-page__small-banner|690x182, 75%

Mobile

carnation–landing-page__small-banner–mobile|652x500, 50%

Lily

Desktop

lily–landing-banner__small-banner–desktop|690x307, 50%

Mobile

lily–landing-page__small-banner–mobile|514x500, 50%

Rose

Desktop

rose–ladning-page__small–banner–desktop|690x319, 75%

Mobile

rose–landing-page__small-banner–mobile|486x500, 50%

Areas it Can be Used

  • Header Area
  • Content Area (1 column only)
  • Bottom Area

How to Use a Small Banner

Select Add Small Banner from the paragraphs dropdown. Then, fill out the following fields:

  • Title (required): This field adds a headline to your banner. The placement of the title will depend on your theme and customization, but it will typically appear as large, all-caps text.

  • Color (required): The background color for your banner. In Lily and Rose, this background color displays behind your title and description.

    In Carnation, you will not see the background color unless you choose not to add an image.

  • Description (optional): Displays beneath your Title. You have the option to style your text using the text editor, but it’s not as consistent as other places where you typically see the editor..

  • Image: Use the image library to embed an image. You can upload a new image from your computer or reuse an existing image from your library. The image field is optional, but recommended.

    • Note -> This does not work in Rose.

    For recommended image sizes for your YMCA Website Services site, talk to your agency partner.

    How to add/edit images ⇒

    *Note: Unlike the Banner, Small Banners don’t come with a specific Link field for buttons without customization.

    To add a button to a small banner, you can use the Text Editor button tool to create a button in your description field.

    How to add buttons in a text editor field ⇒


Content Types that Support Small Banner

Last modified September 14, 2022: fix: Rename to YMCA Website Services (fcf52dfd)