Can I change my Shopify website colour while keeping the header white?

rentwithc
Tourist
25 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
12282 2546 3694

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
rentwithc
Tourist
25 0 3
Savior
Shopify Partner
537 108 161

@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.

banned
Savior
Shopify Partner
537 108 161

@rentwithc 

 

Yes after adding the given css your page will look something like this :

Twinkle_34_0-1636780001352.png

Twinkle_34_1-1636780076159.png

 

If you want to the Footer in Pink then add below css: 

.site-footer {

background-color: #f9abad !important;

}

 

so it will look something like this 

Twinkle_34_0-1636780201316.png

 

banned

Kinjaldavra
Shopify Partner
2302 570 1422

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
Shopify Partner
537 108 161

@rentwithc 

 

Please share your store URL and store password.

banned
Kinjaldavra
Shopify Partner
2302 570 1422

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;
}

 

dmwwebartisan
Shopify Partner
12282 2546 3694

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
rentwithc
Tourist
25 0 3
We need the header background to stay white while making the main page
background pink
dmwwebartisan
Shopify Partner
12282 2546 3694

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app