[Resolved] Different header images on different pages

[Manuela]

Hi,

I’d like to have different header images for different pages on my website. How can I do that?

Thank you 🙂

[Leo]

Hi there,

Are you referring to the logo or the image behind the title Home?

Let me know 🙂

[Manuela]

Hi, Leo!

I am referring to this image: https://soulcenteredmedicines.com/wp-content/uploads/2021/01/colored-flowers23.jpg

Thank you,

[David]

Hi there,

looks like you installed the Vinyasa Site which uses the Header Element:

https://docs.generatepress.com/article/header-element-overview/

One of the Options of the Header Element is to use the Featured Image as the Background.
Which is being used by the Blog Posts Header element the site installed ( found in Appearance > Elements ).

So for Pages – you can create a new Header element with the same settings as those already added and set its Display Rules to Pages > All Pages

[Manuela]

Hello David,

Thank you for your help!

I managed to create a separate header element for the Contact page. All went well. The problem now is that the writing on the Custom image – “Share your story”, is now grey and not white as it is on the other pages. Could you let me know how to change its color?

Thank you

[Leo]

Have you tried changing the text color in the header element setting?
https://docs.generatepress.com/article/header-element-overview/#colors

[Manuela]

Hi Leo,

Thank you for the link! I tried and it worked 🙂

Kind regards,

[Leo]

No problem 🙂

[Author]

Posts