How can I change the background color of just one product page without affecting the rest?

[George00011]

'm using the Dawn theme and I want to know how I can change the background color of this product page to white without affecting my other product pages

https://www.fitgstore.com/products/smartwatch-luna-fit-l1

[Made4uo-Ribe · Accepted solution]

Hi @George00011 

Try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes"
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
{% if product.handle == 'smartwatch-luna-fit-l1' %}
 main#MainContent {
    background-color: red;
  }
{% endif %}
</style>

• And Save.

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[George00011]

Thank You its worked, but i have problems with the font its white and i wanted white background. If i change the color of the font they change for all my other products =/ 

[Made4uo-Ribe]

That is what im thinking also, you can add another code in that liquid code. LIke this. 

Same Instruction. 

<style>
{% if product.handle == 'smartwatch-luna-fit-l1' %}
 main#MainContent {
    background-color:white;
  }
.product__info-wrapper.grid__item * {
  color: black;
}
{% endif %}
</style>

And Save. 

But in this page you have another section that is not change into white backgrounds. 

this one. 

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[George00011]

Would help me for change the of the font to black onyl for this page please ?

[Made4uo-Ribe]

I give another code, it doesnt work?