Page Heroes are those big bold images and headlines you find at the top of your posts and pages. They sit just below the Site Header and added using the Header Element module, when activated provides the Elements menu in Dashboard > Appearance > Elements
Dispatch has two Header Elements in place. But you can add as many as you need.
Magazine Grid – Home Page
Combined with the WP Show Posts plugin this header creates a 5 post card grid. Very few settings are required. These are the main points:
Hero Content: WP Show Posts Short code
Element Classes: wpsp-grid wpsp-card
This creates the grid and styles the cards
Padding: Zero padding
Makes the grid fill the hero
Display Rules: Front Page
The shortcode required is found in the WP Show Posts list you created. More detail on creating these special lists can be found here.
Element Classes: overlay
This applies a Custom CSS Inner Box Shadow overlay to improve contrast for the text content.
Inner Container: Contained
Padding: Top: 36% and Bottom: 30px.
This will keep images responsive whilst maintaining bottom spacing
Background Image: Featured Image
Disable Featured Image: Check
This stops the featured image also being displayed in the post
Display Rules: All Posts