Hey,
You can do that with this css:
body.page-id-7959 {
background-image: url(yoururl);
}
Just add in your iamge url.
Hope it helps!
Hannah
It doesn’t seem to work, even after waiting a while. Is this how I am supposed to place the image URL?
body.page-id-7959 {
background-image: urlhttps://www.tnmartistry.com/wp-content/uploads/2019/05/Background-1.jpg;
}
Try this:
body.page-id-7959 {
background-image: url("https://www.tnmartistry.com/wp-content/uploads/2019/05/Background-1.jpg");
}
Does that work for you?
Hannah
Hmm. Still doesn’t seem to do anything different.
Now it finally changed after a while. Is it possible to make it fit the whole page? Also, is there way to place that image as the background to the pages linked on that page as well?
I really appreciate your help, by the way!
To make the whole image show you need to upload a larger image. Something more like 2000px x 2000px.
This css should work for that page and its child pages:
body.page-id-7959, body.parent-pageid-7959 {
background-image: url("https://www.tnmartistry.com/wp-content/uploads/2019/05/Background-1.jpg");
}
Hannah
That worked great, after all the quirks will be worked out. Thank you so much! The only thing is that the child page to the child pages doesn’t seem to change its background. Is there a way to fix that as well? Sorry if I’m asking too much!
Can you link to an example?
Hannah
In this link where it says “Click here to order photos”, the link attached to the word “here” doesn’t have the same background of the mules as I would prefer it to have. Does that make sense?
Because that page is not a child page you would just have to use a separate id for it. You can change your css to this:
body.page-id-8027, body.page-id-7959, body.parent-pageid-7959 {
background-image: url("https://www.tnmartistry.com/wp-content/uploads/2019/05/Background-1.jpg");
}
Hannah
Awesome. That worked great. Thank you so much! I feel bad to have to ask for someone to make a custom CSS rather than making one myself.
Again, thank you for all your help!
