[Resolved] Page Hero Image and Text

[Lee]

Hello there,

I’ve created a page hero using the following code

<h1>CARDIFF GUITAR LESSONS</h1>
<h2>Professional Guitar Lessons in Cardiff</h2>

Is there a way to make the space in between the h1 text and h2 text (as displayed on the website) smaller?

Also, I’m using as an image set in the Featured Image on the page editor, but the whole image isn’t showing? Only a cropped version (cropped from the bottom it seems). Could you please help me display the image in full.

Many thanks,

Lee.

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

[Lee]

Of Course

[Leo]

For the <h1> spacing, try reducing the margin-bottom for in Customizer > Typography > Headings > H1.

As for the image size, when it’s used as the background image, the size is controlled by the top and bottom paddings:
https://docs.generatepress.com/article/how-to-create-a-page-hero/#step-4-set-the-height

I would recommend re-sizing the image which is currently at 6000 by 4200 which is too big.

Something with the width of 2000px should do.

Let me know if this helps 🙂

[Lee]

Thanks Leo.

Could I resize the image within the theme? Or would I need to do it in photoshop, and re-upload etc?

[Leo]

The media library is handled by WordPress so you can try editing it that way:
https://wordpress.org/support/article/edit-media/

Personally I always try to edit with Photoshop whenever I can 🙂

[Lee]

Thank you.

[Leo]

No problem 🙂

[Author]

Posts