Archived topic
Edit Hero Image (Template - Hand On)
4 replies · Started by Josh on December 27, 2019
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
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 :)
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
Hmm try removing this CSS in Additional CSS field in the customizer:
.page-hero {
height: 100vh;
background-size: 70vh;
background-position: 90%;
}That worked, thank you Leo. Instead of removing it I changed the "background-size: 70vh" section and that reduced the image. Thanks!
