[Resolved] Edit Hero Image (Template – Hand On)

[Josh]

Hello,

Is there a way to make the hero image smaller? I’ve tried reducing the size of the image but the template still uses the same size – the image is just more blurry.

Here’s the site – https://joshymay.com/

Thank you,
Josh

[Leo]

Hi there,

The home page page hero has full screen activated:
https://docs.generatepress.com/article/header-element-overview/#full-screen

Try deactivating that option then you can control the size by using the top and bottom padding option:
https://docs.generatepress.com/article/how-to-create-a-page-hero/#step-4-set-the-height

Let me know if this helps 🙂

[Josh]

Hi,

No this doesn’t help. That feature changes the copy positioning. I’m trying to change the “hero image” positioning.

See the screenshot for context – https://ibb.co/x2cghpX.

Josh

[Leo]

Hmm try removing this CSS in Additional CSS field in the customizer:

.page-hero {
  height: 100vh;
  background-size: 70vh;
  background-position: 90%;
}

[Josh]

That worked, thank you Leo. Instead of removing it I changed the “background-size: 70vh” section and that reduced the image. Thanks!

[Author]

Posts