How to change background on a specific page?

Hello there,

I like the background image for my homepage on, but on my pages it makes the text less readable. Is there any way to change the background of all other pages except for the homepage to a colour or a different background image?

Thank you!

Hey there,
Hope you’re doing well today

In order to get this done, you could simply remove the background and then add the CSS below to Appearance > Customize > Additional CSS:

body.home {
    background-image: url(;
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;

With this, you’ll remove the background image for the entire site, but the code will ensure that it is retained for the homepage only.

Please let me know if there are any other questions that I may answer for you.

Best Regards,

Thanks a lot!
That helped me.


Glad we helped. :slight_smile:

Let us know if you have any other questions in a separate thread.