How can I change the background color on different pages?

Store Design
1

Hi, sorry to be a nuisance but I really can’t wrap my head around this.

My site is: https://ab5e47-4.myshopify.com

For every page: Home Accessories, Seasonal, Gifts, Guest Products etc - I would like a different colour background for the entirety of the screen, including header.

I cannot work out how to do this and I don’t understand what any of the codes mean.

I would really appreciate some help on this so I can get it sorted.

2

Hello Dear,

I can help you with that

Do you want different different color for each of the pages “Home Accessories, Seasonal, Gifts, Guest Products” or any single color for all pages?

3

Thank you for the quick reply, I am using the ‘craft’ theme on my store.

4

Hi, I am looking for a different colour for each page on the website.

5

Do you know about shopify liquid code? You need to add code in the body tag then you can see different name in the body like page name then you can add code according to the page.

6

Like your website background color coming with “.gradient” class. When you add condition in the body tag then you can add css according to the class like

You want pink color on “Seasonal” page then you need class in body tag any class name.
body.seasonal.gradient{
background-image: none;
background-color: #pink;
}

7

Sorry if I sound stupid but I have no idea where to even begin with that. Could you guide me?

8

Yes Sure

9

I don’t have instagram, can we contact in any other way?

10

Yes, Do you have skype or gmail?

11

halljoshua1973@gmail.com or joshyy16_ on discord

12 
<body class="template-{{ template | replace: '.', '-' | replace: '/', '-' }}">

You can add this code in body tag but carefully. If you understand liquid code.

13

You will see different body class then add css according that