Add a banner
Add a full-width Welcome banner to the Remarkable Theatre landing page with the page image behind a heading, subtitle, button, and overlay.
This step adds the opener for the Remarkable Theatre landing page. The opener is a full-width Banner block. It shows the theatre's main image behind a heading, a short line of supporting text, and a single button. You will add a Media Overlay to keep the words readable over the image.
Add the Banner block
On the Content tab, click the Add Block button (the +) at the bottom of the block list. In the Add Block panel, search for Banner. Click the result to add it. Keep the default Welcome style. This style shows your text over a full-width background. See Banner.
Show the page image behind it
Open the banner's Background tab. Turn on Background Media. Leave Use Page Media on. The banner then reuses the page's main image. If you change the page's image later, the banner uses the new image too. See Background and overlay.
Write the heading and subtitle
Under Details, set the Title to Remarkable Theatre. Set the Subtitle to Bold stories, live performance, and new voices. The Title is required. The Subtitle is the supporting line beneath it.
Add one call-to-action button
Under Details, add a single entry to Links. Set its Label to Plan your visit. Choose Internal link. Set Document to link to to your visitor-information page. Keep one button for a clean opener. See Buttons and links.
Keep the text readable with an overlay
Back on the Background tab, set Media Overlay to Color. Switch Overlay Style to Gradient. Set Gradient Direction to Up. The image then darkens toward the bottom. The top stays open. The text reads clearly against the lower part of the image.
Check it in the preview
Watch the preview pane. The image fills the top of the page. Your heading, subtitle, and Plan your visit button sit low over the image. You added the banner first, so it is the first thing a visitor sees.
With the opener in place, the page needs an introduction and a list of upcoming events.
Where to go next
Create the page
Start the Remarkable Theatre landing page: set its title, web address, and visibility, start from a blueprint or blank, save a draft, and open the live preview.
Add content and events
Add a short intro below the Remarkable Theatre banner, then a Collection that lists upcoming events with a chosen card style.