changing header colour

[rentwithc]

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

[dmwwebartisan]

@rentwithc 

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

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

Thanks!

[rentwithc]

https://rentwithc.com

[Savior]

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

[Savior]

@rentwithc 

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

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 

[Kinjaldavra]

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]

@rentwithc 

Please share your store URL and store password.

[Kinjaldavra]

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]

@rentwithc 

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

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

Thanks!

[rentwithc]

We need the header background to stay white while making the main page
background pink

[dmwwebartisan]

@rentwithc 

Please add following css class your css file 

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