Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Header/Footer bar color

Header/Footer bar color

Locked

Views: 3,614

Results 1 to 17 of 17
This thread is locked. New replies are disabled.
7 Apr 2009, 8:52 PM
#1
benob1 avatar

benob1

New Zenner

Join Date:
Apr 2009
Posts:
6
Plugin Contributions:
0

Header/Footer bar color

Hello fellow zenners :smile:
I have recently downloaded zc classic ver 1.3.8 and while I have been able to change the color of the side boxes to match my theme, I have not been able to change the color of the green header bar or the footer bar that is just above the copy right info.

Changing these colors would seal the deal as they say and I thank you in advance for your time and attention in this matter.

7 Apr 2009, 9:07 PM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,182
Plugin Contributions:
0

Re: Header/Footer bar color

Be,
A link to the site would help..

Find this:
#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {

background-color:#ABBBD3;
background-image:url(../images/tile_back.gif);
color:#FFFFFF;
font-weight:bold;
height:1%;
margin:0;
padding:0.5em 0.2em;
}

  1. The highlighted red font above controls this
7 Apr 2009, 9:38 PM
#3
benob1 avatar

benob1

New Zenner

Join Date:
Apr 2009
Posts:
6
Plugin Contributions:
0

Re: Header/Footer bar color

Thank you haredo. I changed both the background-color: and color: values in that exact location you pointed out but the green remains.

I did notice a moment of the new color when refreshing the page though.

7 Apr 2009, 9:43 PM
#4
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,182
Plugin Contributions:
0

Re: Header/Footer bar color

Be,
Are you using classic template or a customized template

  1. a link to the site please
7 Apr 2009, 9:46 PM
#5
benob1 avatar

benob1

New Zenner

Join Date:
Apr 2009
Posts:
6
Plugin Contributions:
0

Re: Header/Footer bar color

I'm using classic.
The site is down for maint. until I get it set so I don't think a link will help. :(

7 Apr 2009, 9:49 PM
#6
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,182
Plugin Contributions:
0

Re: Header/Footer bar color

Be,
This was the place you edited???

includes/templates/classic/css/stylesheet.css

7 Apr 2009, 9:51 PM
#7
benob1 avatar

benob1

New Zenner

Join Date:
Apr 2009
Posts:
6
Plugin Contributions:
0

Re: Header/Footer bar color

Yes indeed:yes:

7 Apr 2009, 9:53 PM
#8
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,182
Plugin Contributions:
0

Re: Header/Footer bar color

Be,
Show me the declarations you used for:

  1. #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper
  2. Ex:
  3. background-image:
  4. background-color:
7 Apr 2009, 9:55 PM
#9
benob1 avatar

benob1

New Zenner

Join Date:
Apr 2009
Posts:
6
Plugin Contributions:
0

Re: Header/Footer bar color

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #0000ff;
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
font-weight: bold;
color: #0000ff;
height: 1%;
}

7 Apr 2009, 9:56 PM
#10
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,182
Plugin Contributions:
0

Re: Header/Footer bar color

Be,
Try this please:

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #0000FF;
padding: 0.5em 0.2em;
font-weight: bold;
color: #0000ff;
height: 1%;
}

7 Apr 2009, 9:59 PM
#11
benob1 avatar

benob1

New Zenner

Join Date:
Apr 2009
Posts:
6
Plugin Contributions:
0

Re: Header/Footer bar color

Ah... yes:clap:
Thank you haredo. Now all I need to do is tweek the color a bit.
Thanks again:smile:

7 Apr 2009, 10:00 PM
#12
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,182
Plugin Contributions:
0

Re: Header/Footer bar color

Be,
You are most welcome, glad I could help you..:smile:

Take time and read the Tutorials/FAQ

  1. Search for:
  2. override system
  3. will save you lots of time for future upgrades
8 Apr 2009, 4:32 AM
#13
roksan avatar

roksan

New Zenner

Join Date:
Mar 2009
Posts:
12
Plugin Contributions:
0

Re: Header/Footer bar color

Hi!
When you were talking about classic Zen template, I will need some help!
Take a look to my future web store on https://www.spletnimuhar.si and please tall me:
How can I put on missing ADD TO CART in items?
How can I change in side box that will be text black and background by image?
Is there any chance to have larger higher header image and bigger logo?
Thank you!

8 Apr 2009, 5:52 AM
#14
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,182
Plugin Contributions:
0

Re: Header/Footer bar color

Roksan:

Hi!
How can I put on missing ADD TO CART in items?

Question 1

  1. admin panel/ configuration/ my store/ Store Status
  2. should be 0
8 Apr 2009, 6:27 AM
#15
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,182
Plugin Contributions:
0

Re: Header/Footer bar color

Roksan:

Hi!
How can I change in side box that will be text black and background by image?

Ro,
Question 2

Which sidebox are you talking about please, and are you talking about the header of the sidebox..

  1. the cute little orange tab on the top of this page called:
  2. Tutorials/FAQ
  3. Search for:
  4. sidebox header image
  5. https://www.zen-cart.com/tutorials/index.php?article=135
8 Apr 2009, 6:34 AM
#16
jain avatar

jain

New Zenner

Join Date:
Apr 2009
Posts:
6
Plugin Contributions:
0

Re: Header/Footer bar color

When you were talking about classic Zen template, I will need some help!
Take a look to my future web store on https://www.spletnimuhar.si and please tall me:
How can I put on missing ADD TO CART in items?
How can I change in side box that will be text black and background by image?
Is there any chance to have larger higher header image and bigger logo?
Thank you!

8 Apr 2009, 6:35 AM
#17
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,182
Plugin Contributions:
0

Re: Header/Footer bar color

Roksan:

Is there any chance to have larger higher header image and bigger logo?

Ro,

Locate this:

#logoWrapper {
background-color:#FFFFFF;
background-image:url(../images/header_bg.jpg);
background-repeat:repeat-x;
height:75px;
}

  1. change the red font above from 75 to 106
  1. 106 is the height of your header_bg.jpg