[Support request] Page Header Image background position

[konceptuel]

Hey Tom,

hope it’s okay to post a little feature request here in this forum 🙂
Is it possible to add the CSS background-position Property as a setting in the Page Header module?
Fx under the Image tab?
That way you can create page headers and specify the position of the image to suit the image.
As it is now the position of the image is the same for all.

[Tom]

Hi there,

I would like to do that – we would also need to add a background-size option as well.

For now it’s quite easy to use CSS – let me know if you need help with that 🙂

[konceptuel]

Say I want to change the background-position property conditionally, for a specific page, fx the About page. How would I do that?

[Leo]

You can install Tom’s Simple CSS plugin:
https://docs.generatepress.com/article/adding-css/#simple-css

It gives you a CSS metabox for each page, then try this CSS:

.generate-content-header {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
}

[Author]

Posts