changing header colour

rentwithc
Tourist
20 0 3

wanting to keep my header background colour as white while changing the rest of my website to pink, how do i do this?

Replies 10 (10)
dmwwebartisan
Shopify Partner
9829 2237 3078

@rentwithc 

Add code Your assets/theme.css bottom of the file. 

.main-content { background: #fea1a1 !important;}
.page-container{ background: #fea1a1 !important;}

Thanks!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Natztech
Shopify Partner
2238 565 1373

hello @rentwithc 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Savior
Pathfinder
113 17 42

@rentwithc 

 

Please share your store URL and store password.

rentwithc
Tourist
20 0 3
dmwwebartisan
Shopify Partner
9829 2237 3078

@rentwithc 

Add code Your assets/theme.css bottom of the file. 

 

.main-content { background: #fea1a1 !important;}
.page-container{ background: #fea1a1 !important;}

 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Savior
Pathfinder
113 17 42

@rentwithc 

 

1. Go to your store. Click on Actions > Edit Code

2. Go to Assets > theme.css add below lines at the bottom of the file.

.page-container {

background-color: #f9abad;

}


If helpful then please Like and Accept Solution.

Natztech
Shopify Partner
2238 565 1373

hello @rentwithc 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.main-content , .page-container {
    background: #fea1a1 !important;
}

 

rentwithc
Tourist
20 0 3
We need the header background to stay white while making the main page
background pink
dmwwebartisan
Shopify Partner
9829 2237 3078

@rentwithc 

Please add following css class your css file 

.main-content , .page-container {
    background: #fea1a1 !important;
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →