Hi,
The background image is a WordPress core feature, it’s not a feature added by Twentig. This feature lets you set a background image for the body of all the pages. Unfortunately, you can’t set a different image for a specific page.
If you can share your website’s URL, maybe I can help you achieve it with custom CSS.
Tom
Thanks a lot for replying. Doing a custom CSS sounds a little daunting. Are you aware of another plug-in that may be able to do it?
I’ve browsed the plugin directory but haven’t found any plugin to do it. If you don’t have a lot of pages, adding custom CSS isn’t too complicated. Let me know if you are interested, and I can help you with the CSS.
Thanks for checking. I also did not see anything.
I only have 3 pages, so far. I would just want 1 more image.
https://www.w3schools.com/css/css3_backgrounds.asp
https://www.w3schools.com/css/tryit.asp?filename=trycss3_background_full
I found these with example code.
Thanks!
First, set a background image inside the Customizer that will be used for the whole site.
To set a different background on a page, open the Customizer > Additional CSS panel and paste the following code:
body.page-id-20 {
background-image: url('https://domain.com/image.jpg');
}
Then in the code, replace the page id and the image URL with your own.
You can find the page id when you edit the page, its id shows up in the address bar. See screenshot
To get your image URL, upload your image in the Media library and on the right, click “Copy URL to clipboard”. See screenshot
If you need to change the image for multiple pages, copy and paste the code as many times as needed:
body.page-id-20 {
background-image: url('https://domain.com/image.jpg');
}
body.page-id-21 {
background-image: url('https://domain.com/image2.jpg');
}
body.page-id-22 {
background-image: url('https://domain.com/image3.jpg');
}
Hope that helps.
It worked! Excellent instructions. Very much appreciated…..
Glad it works.
If you enjoy Twentig, please rate it. It would really help me out 🙂
Just did with 5 stars. Thanks again.
