FROM CACHE - en_header

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
11024 2380 3407

@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 | Click here GemPages The most powerful Shopify page builder.
Kinjaldavra
Shopify Partner
2302 569 1407

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.

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
Savior
Shopify Partner
521 106 145

@rentwithc 

 

Please share your store URL and store password.

If helpful, please Like and Accept Solution.


Hire me or mail me  | Shopify Design Changes | Custom Modifications In to Shopify Theme | Site Speed Optimization
Use GemPages Page Builder to build, design, and optimize your store. View app

rentwithc
Tourist
20 0 3
dmwwebartisan
Shopify Partner
11024 2380 3407

@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 | Click here GemPages The most powerful Shopify page builder.
Savior
Shopify Partner
521 106 145

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

If helpful, please Like and Accept Solution.


Hire me or mail me  | Shopify Design Changes | Custom Modifications In to Shopify Theme | Site Speed Optimization
Use GemPages Page Builder to build, design, and optimize your store. View app

Kinjaldavra
Shopify Partner
2302 569 1407

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

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
rentwithc
Tourist
20 0 3
We need the header background to stay white while making the main page
background pink
dmwwebartisan
Shopify Partner
11024 2380 3407

@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 | Click here GemPages The most powerful Shopify page builder.
Savior
Shopify Partner
521 106 145

@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

 

If helpful, please Like and Accept Solution.


Hire me or mail me  | Shopify Design Changes | Custom Modifications In to Shopify Theme | Site Speed Optimization
Use GemPages Page Builder to build, design, and optimize your store. View app