Skip to main content

Design the hero area & banner

Updated on 15.07.2026

The hero is the large area at the very top of your homepage. You decide its layout, images and text — and place an eye-catching, rotated banner over it that may even overhang the bottom edge. A live preview shows every change instantly.

Choose a layout#

Pick a hero layout: full width, or a split view (50/50, 30/70 or 70/30) with text on one side and an image on the other.

Set the content#

For each part, decide whether it shows text or an image. Text comes with an editor for headings, bold, links and font sizes; alternatively you use your community default text.

Add images & a slideshow#

Upload one or several images. With multiple images a slideshow is created automatically that can advance on its own or be controlled manually — as a background or inside a part.

Enable & position the banner#

Enable the rotatable banner, enter a title and subtitle, and set rotation, position (horizontal/vertical), size and colors. At 100% vertical position it sits centred on the hero bottom edge.

Check the preview & save#

Review the preview and click “Save appearance”. The banner appears on your homepage over the hero area.

The rotated banner#

The banner is an eye-catching, rotated “sticker” over the hero — like a stuck-on sign. Here is how to use it:

  • Title (bold) and an optional subtitle across two lines
  • Rotation continuously from -30° to +30°
  • Freely positionable via horizontal and vertical position — even past the bottom edge
  • Background and text color freely chosen or matched to the theme

What you can adjust in the hero#

  • Layout: full width or a split view (50/50, 30/70, 70/30)
  • Text or image per part — text with headings, links & font sizes
  • One or several images as an automatic or manual slideshow
  • Background image with dimming plus heading and button style
  • Visible homepage sections (stats, featured, how it works)
  • Rotatable banner with title, subtitle, rotation, position, size and colors

Common questions#

I cannot see my banner

Check that the banner is enabled and has a title or subtitle, and that you saved. The banner only appears on the homepage over the hero area.

The banner overlaps other content

Lower the vertical position (e.g. to 90%) or the size so it extends less far past the bottom edge.

The banner text is hard to read

Choose a text color with clear contrast against the background — for example dark text on a light background or vice versa.

Try it free

Starter free forever

Get started