Georgia Lou Studios

Welcome to the Help Center!

Hero Header Setup (Piper + Page)


The Hero Header is the full width image section with text overlay under the menu on the demo site.

This article covers setup of the Hero Header.

* For details on customizing the Hero Header, see this article: Customize Hero Header

Hero Image Size

The default size of the hero header image background is: 1920px wide by 667px tall.


Hero Setup

  1. Go to the Layout page on the Blogger Dashboard.
  2. Find the Hero Header Section.hero1.png
  3. Find the Hero Image widget and click on the Edit link.hero2.png
  4. The Configure Image box will open.
  5. See the image below for information about each field.hero3.png
  6. Title - Large header text
  7. Caption - Caption text under header
  8. Link - Button link. Enter full web address (URL) for target link
  9. Image - Upload your background image using the Browse button.
  10. Button Text - See the Customize Hero Header article for information on customizing the button text.
  11. Click the Save button.
Powered by Zendesk