Site logo

Archived topic

Use of several background images

4 replies · Started by Niels on June 30, 2020

Viewing posts 1–5 of 5

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

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 :);

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

sorry figured out myself.
Thanks again.

No problem :)

This archived topic is closed to new replies.