Different colour backgrounds for different pages

Store Design
, , , ,
1

I want my home page and another page to be a different colour theme but i cant seem to change it without changing the theme 1 colour.
Heres my home page - https://shop.myedspace.co.uk/

then this is the other page i want with a different background but i cant.
Here - https://shop.myedspace.co.uk/pages/for-students

2

@oworor , Hope you are doing well.

Yes, this is possible. Just create the metafield with the color for all pages. and fetch that for the body tag.

apply color in tag as inline CSS. you’ll get the different color for each page by doing this.

3

Can you confirm what piece of code i need to put in my css?

body:.for-students .page-container {
background-color: #1e1e1e !important;
}

the above doesnt work