Forums / Templates, Stylesheets, Page Layout / Head bar side box color

Head bar side box color

Locked

Views: 1,675

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
21 Mar 2009, 4:34 PM
#1
angler avatar

angler

New Zenner

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

Head bar side box color

This is my sitehttp://gta-on.com

How can I get my head bar and all side box head bar color to be green just like this:

Thanks

21 Mar 2009, 4:45 PM
#2
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Head bar side box color

open your stylesheet.css in your override
for top header nave locate the following rule

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {stylesheet.css (line 220)
background-color:#9A9A9A;
color:#FFFFFF;
font-weight:bold;
height:1%;
margin:0;
width:100%;
}

for left side box locate this rule

.leftBoxHeading, .centerBoxHeading {stylesheet.css (line 488)
background-color:#FF6699;
margin:0;
padding:0.5em 0.2em;
}

for right side box locate this one .

.rightBoxHeading {stylesheet.css (line 509)
background-color:#663366;
margin:0;
padding:0.2em 0;
}

change colour in each red block to your own colour code .

hope this helps.

21 Mar 2009, 5:34 PM
#3
angler avatar

angler

New Zenner

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

Re: Head bar side box color

Thanks a lot Tony, it fixed most of my problems, but there are still some different colors on the bottom left side and center of my site, how can I change them to my color code #387C44? and get rid of the gold color shade above categories , reviews, information......

Please have a look:http://gta-on.com

21 Mar 2009, 6:12 PM
#4
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Head bar side box color

with your left side box background color

#navColumnOne {stylesheet.css (line 295)
background-color:#FFCC99;
}
Change to white
navigation for your bread crumb

#navBreadCrumb {stylesheet.css (line 280)
background-color:#CC9900;
}

change to your own colour .

you may have other heading colours for sponsor , banner etc.

if you have firefox , then install firebug extension , that should pretty much tell you which rule you need to modify to get your site fixed.

21 Mar 2009, 7:46 PM
#5
angler avatar

angler

New Zenner

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

Re: Head bar side box color

Thanks again Tony, my last question is how to level the top left side box header (categories) to the (home) and top right side box( sponsors)?
http://gta-on.com

21 Mar 2009, 8:00 PM
#6
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Head bar side box color

in your CSS file fine this code

.leftBoxContainer {stylesheet.css (line 494)
border:1px solid #FFFFFF;
margin-top:1.5em; << remove this line
}

21 Mar 2009, 8:08 PM
#7
angler avatar

angler

New Zenner

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

Re: Head bar side box color

Tony, I did it. You are the best! Thank you very much!:clap::clap::clap:

21 Mar 2009, 8:10 PM
#8
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Head bar side box color

you very welcome :blush: