DSWP Secondary Hero Image With Title

Overview

This pattern creates a secondary hero section with a bold title on the left and a fixed-height image on the right. It features a primary color background and is designed for secondary page headers or section breaks.

Pattern Components

The pattern consists of:

1. Title

   • Large, bold heading
   • Vertically centered
   • Left-aligned

2. Image

   • Fixed 216px height
   • Auto width
   • Right-aligned

Common Tasks

Title Modification:

1. Click to edit the heading text
2. Maintains white color
3. Keep bold formatting

Image Replacement:

1. Select the image block
2. Click "Replace"
3. Upload or choose new image
4. Image automatically resizes to 216px height

Change Header Background color:

1. Select the main pattern block
2. Click block settings
3. Click Block styles
4. Select a new background color

Layout

• Desktop: Side-by-side layout
• Tablet: Maintains side-by-side
• Mobile: Title stays, Image disappears.

Block Documentation

For detailed instructions on modifying specific blocks, refer to WordPress's official documentation:

• Heading Block
• Image Block