Hero Block Examples


The Hero Block displays a featured content banner with a custom background image or video. By default, the block displays the page title, excerpt, and featured image as the background. It’s a flexible and powerful block designed to grab the attention of your viewers.

Multiple block variations are showcased below. Each variation may be copied to your clipboard, and pasted directly into your WordPress block editor. However, the Organic Blocks plugin is required.

Please Note: These are example style variations created to showcase the block flexibility. Any variation can be modified to your liking, and entirely new variations may be created using the block settings. Also, you may need to import the STAX demo data for the block to appear exactly as it does on this page.

Variation 1

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks plugin is required.

Copy Block
Copied block to clipboard!

Variation 2

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks plugin is required.

Copy Block
Copied block to clipboard!

Variation 3

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks plugin is required.

Copy Block
Copied block to clipboard!

Variation 4

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks plugin is required.

Copy Block
Copied block to clipboard!

Variation 5

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks plugin is required.

Copy Block
Copied block to clipboard!