Forums / General Questions / I want to change the header background color...

I want to change the header background color...

Views: 1,702

Results 1 to 7 of 7
12 Dec 2011, 6:15 PM
#1
huntleybill avatar

huntleybill

Zen Follower

Join Date:
Sep 2011
Posts:
102
Plugin Contributions:
0

I want to change the header background color...

I have V; 1.3.9 with the sophyblue template. I would like to change the background color of header where the logo goes. Currently it is white but would like to change that.

Where do I go to change the color?

Thank you

12 Dec 2011, 6:40 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: I want to change the header background color...

Most of us are not familiar with that template, so can't be sure of what to change. Let us see it live.

It could be the background property for #headerWrapper, #logoWrapper, or something else.

12 Dec 2011, 7:09 PM
#3
huntleybill avatar

huntleybill

Zen Follower

Join Date:
Sep 2011
Posts:
102
Plugin Contributions:
0

Re: I want to change the header background color...

If you mean live by looking at the website...https://www.billrauscher.com

12 Dec 2011, 7:42 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: I want to change the header background color...

The background is controlled here:

stylesheet.css (line 240)

#logoWrapper {
    background-color: #FFFAF0;
    background-image: url("../images/header.png");
    background-repeat: no-repeat;
    height: 151px;
    width: 100%;
}

Change the background-color here.

12 Dec 2011, 10:07 PM
#5
huntleybill avatar

huntleybill

Zen Follower

Join Date:
Sep 2011
Posts:
102
Plugin Contributions:
0

Re: I want to change the header background color...

I went to /includes/includes/templates/sophyblue/css/stylesheet.css and changed the color to what I have below but nothing happened to the back ground. Am I looking in the wrong spot???

#logoWrapper {
width: 100%;
height:151px;
background-image: url(../images/header.png);
background-repeat: no-repeat;
background-color: #CCCCFF;

12 Dec 2011, 10:10 PM
#6
huntleybill avatar

huntleybill

Zen Follower

Join Date:
Sep 2011
Posts:
102
Plugin Contributions:
0

Re: I want to change the header background color...

Never mind, I found it...had to go to:

/includes/templates/sophyblue/css/stylesheet.css

and that fixed it...Thank you

12 Dec 2011, 10:17 PM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: I want to change the header background color...

/includes/includes/templates/sophyblue/css/stylesheet.cssThat sounds like you uploaded the template folder erroneously the first time, into the /your_store/includes/ folder instead of into the site root ( /your_store/ ). It probably won't hurt anything, but best to delete the entire /includes/ folder under /your_store/includes/.

Back up first in case you make a(nother) mistake.