Forums / Basic Configuration / to change sidebox colors?

to change sidebox colors?

Locked

Views: 2,820

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
3 Jun 2007, 1:36 PM
#1
sassayone avatar

sassayone

New Zenner

Join Date:
Aug 2006
Posts:
46
Plugin Contributions:
0

to change sidebox colors?

I had a template made a while back and am trying to tweak it myself. I have found where MOST of the files are to change most of the colors the gal used.. (not all in one file either.... ?) However there are a few places that I cannot find which file to alter to change those colors.. (i have a feeling this file structure is a hot mess riddled with duplicate files..)

The bar across the top of the sideboxes where the title shows-

The strip along the top where the search bar is along with the login link-

The strip along the bottom that shows the ezpage links i think it is-

Im trying to change them both to the chocolate brown....

Any help appreciated.. im trying to wing this. :huh:
http://candles-made-from-soy.com/shop/

MB

3 Jun 2007, 1:59 PM
#2
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,845
Plugin Contributions:
0

Re: to change sidebox colors?

(i have a feeling this file structure is a hot mess riddled with duplicate files..)I bet if you open those files you will find they are different and if they are not they are probably override files for the template
The bar across the top of the sideboxes where the title shows-
.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
margin: 0em;
background-color: #5F4020 ; /* brown */
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
}
You are using tile_back.gif here, so you'll have to change that image to what you want (should be in includes/template/YOUR_CUSTOM_TEMPLATE/images
The strip along the top where the search bar is along with the login link-

The strip along the bottom that shows the ezpage links i think it is-
#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #5F4020 ; /* brown */
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
font-weight: bold;
color: #ffffff;
height: 1%;
}
You will note the navMainWrapper (for the top navigation) and NavSuppWrapper (for the ezpages in footer) are using the same tile_back.gif file as above, So if you want them to all match then just adjust that image and they will all change.

Oh all of these color edits will be in the stylesheet for your custom template

Mike
AEIIA - Zen Cart Certified & PCI Compliant Hosting
The Zen Cart Forum...Better than a monitor covered with post-it notes!

3 Jun 2007, 2:45 PM
#3
sassayone avatar

sassayone

New Zenner

Join Date:
Aug 2006
Posts:
46
Plugin Contributions:
0

Re: to change sidebox colors?

barco57:

Oh all of these color edits will be in the stylesheet for your custom template

I went thru both the stylesheets and changed all the colors.. labeling them as i went along (as noted by the /* brown */) and those items did change for some reason!?

Could it be because of that tile_back.gif? is that overridding the color change? I dont even know what that pic is, when i open it up its a sliver of color?? Do i even need that at all?

Thanks for your help.

MB

3 Jun 2007, 3:03 PM
#4
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,845
Plugin Contributions:
0

Re: to change sidebox colors?

includes/templates/classic/images/tile_back.gif it is a 11 x 30 image in a brown color (obviously not the brown you want) remake in the right color and replace.....this is the easiest fix in your situation......could remove the image but then you would have to set height, text alignment.....for the sidebox headers.....and who wants to do all that work anyway when we can just replace 1 image and accomplish the same thing.....

Mike
AEIIA - Zen Cart Certified & PCI Compliant Hosting
The Zen Cart Forum...Better than a monitor covered with post-it notes!

3 Jun 2007, 3:46 PM
#5
sassayone avatar

sassayone

New Zenner

Join Date:
Aug 2006
Posts:
46
Plugin Contributions:
0

Re: to change sidebox colors?

I did it! Wow, i would have never knew that... thanks Mike!

If and when you get a chance.. there is a dark green color at the end of my header pic (far right side) that i cant figure out where is coming from or how to fix.. its not part of my header ~ im thinking its a pic underlying it?

I've been tryin to figure this out for days.. thanks so much Mike. May the karma come back around to you!

MB

4 Jun 2007, 4:22 AM
#6
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,845
Plugin Contributions:
0

Re: to change sidebox colors?

Looks like there is an extra table cell in the header that has that color background and then the image loads to cover it. It also appears that all of the styling for this cell is hard coded into the header_tpl file

Mike
AEIIA - Zen Cart Certified & PCI Compliant Hosting
The Zen Cart Forum...Better than a monitor covered with post-it notes!