Want to change the background color on a single page.

There are a couple easy ways to do this:

1. Use a body class to target your CSS: Each page/post in wordpress has a unique class added to the body tag which includes the ID of the page. You can target that CSS class to change the background color on only that page.

2. Use Inline CSS (recommended): Use the HTML block to add inline CSS to the page/post itself. Simply add your CSS between <style></style> tags. Like this:

<style>
body {
   background-color: #fafafa;
}
</style>

By pure luck, I've actually written a tutorial on this on my site: https://www.buildthatwebsite.com/change-background-color-specific-page

Thanks for sharing that Matthew.
Jusung - let us know how you get on :)

Thank you Matthew and I read your article.

on our article, you explained how to find the ID well and I was able to resolve this now!

Thank you!

an issue has occured.

I was able to change the background color of a single page.
but on mobile, it has been changed. I don't know why.

Can you help me to change the background color to white on mobile device
(front page)

This is what I added
body.page-id-766 {
background-color: white;
}

Ok, so you have the Customizer > Color > Body, which is now white on that page.
But you also have the Customizer > Color > Content, which is the other color you see due to the padding on mobile.

You can use this CSS to target both elements:

body.page-id-766 .inside-article,
body.page-id-766 {
    background-color: white;
}

Thank you millions!!!!!

You're welcome