Collection banner


Setting Description
Color scheme

Apply color scheme for the collection banner from the available color schemes list.

Read 'Color scheme' article to learn more about color schemes.

Show banner image Show a banner image. It can cover the full banner or be placed on the left or right.
Image Upload or select an image from the library for the collection banner.
Image mobile Upload a separate image specifically for mobile devices.
Image position

Select the position of the banner image.

Options:

  • Left — Image on the left side of the content.
  • Right — Image on the right side of the content.
  • Cover — Image covers the full banner area.

Note: Left and Right positions are always shown at the top on mobile devices.

Image height

Adjust the height of the banner image.

Visible only if the image position is set to Left or Right.

Image height mobile

Adjust the height of the banner image on mobile.

Visible only if the image position is set to Left or Right.

Overlay opacity Set the opacity of the overlay applied over the banner image to improve text readability. This works both when the image is used as a background or positioned on the left or right of the content.

Content


Setting Description
Subheading Add a subheading above the banner title. Subheading is a short text displayed above the main banner title.
Banner title Add the main banner title.
Left space You can add left spacing to the first line of the banner title. See the demo example for reference.
Banner title line 2 You can add a second line for the banner title if needed.
Description Add a banner description.
Split heading and description

Description:

  • Disabled: The description is displayed in one column with the other content — Subheading and Banner Titles.
  • Enabled: The description is displayed in a separate row, aligned to the right of the heading.

See the demo example for reference.


Read this article - "Subheading, Heading, and Description" — all related options, including Preset, Icon, Font, Color, Text Style, Bottom Space, and Bottom Space (Mobile).



Layout

Setting Description
Content alignment

Choose content alignment for subheading, heading and description:

Options:

  • Left
  • Center
  • Right
Content alignment mobile

Set the alignment of the content specifically for mobile devices.

Options:

  • Left
  • Center
  • Right
Show container

Enable this option to display a container around the content.

Note: This option is available when image position is Cover.

Container color scheme Select a color scheme for the container from the available color schemes list.

Padding

Padding is the space inside a section that separates the content from the section’s edges.

See this article to set paddings: Section padding

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us