change background color on one specific page

Hi everyone,

I tried changing the background color on ONE page, by using the Advanced field in settings for that specific page. ( I use the brine template).
I used this code which i found on a blog and it worked according to the  pictures and guided steps on the blog:

<style>
.Main {
background-color: #f7eee9 !important;
}
</style>

however, it still affected some of the other pages. I read somewhere that adding a code there would only affect that page, so im confused as to why it changed the backgrounds on other pages too? Does anyone know how to get different background colors on different pages?

I'm not an experiences coder so bare with me 🙂

thanks!

Try this in the advanced tab (replace with your color)

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

If it doesn't work - send me the page link and i'll take a look!

Hi. Design > Site Styles > Disable Ajax Loading & check again

On 6/11/2021 at 5:30 AM, LaurelB said:

Try this in the advanced tab (replace with your color)

 

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

 

If it doesn't work - send me the page link and i'll take a look!

Thank you, so instead of ”black” should i write it as for example #ffffff ? Because the colors i want cant really be described as just red or pink etc

thanks!

On 6/11/2021 at 10:36 AM, tuanphan said:

Hi. Design > Site Styles > Disable Ajax Loading & check again

Ohh interesting, will try! Thanks!