Use of several background images

[Niels]

Hi support team,
I am using your theme, and would like to use different background imgaes on different pages.
Under the customize section I found way to upload one background images. This image is on every single page now, but I would like to either use different ones on different pages and also have pages even without an images.
Is it possible to have more than one background image on different pages?
And also have pages without any background image?
If so, please let me know where I can make these adjustments?
Thanks and best Johannes

[Leo]

Hi there,

Are you talking about the body background image?

If so CSS targetting the page ID is required.

For example, if we want to change the background image for Seilklettertechnik page, then we need this CSS:

body.page-id-150 {
    background-image: url(https://URL-HERE);
}

and if we want to remove the background image for that page, then we need this CSS:

body.page-id-150 {
    background-image: none
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps :);

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Niels]

Hi Leo,
thanks a lot.
Very helpful, it worked 😉
One more question. Where do I find the page-id?
Thanks and best Johannes

[Niels]

sorry figured out myself.
Thanks again.

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts