Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Changing the background colors in the L/R columns

Changing the background colors in the L/R columns

Locked

Views: 1,839

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
9 Jan 2008, 5:17 AM
#1
mt_ed avatar

mt_ed

New Zenner

Join Date:
Dec 2007
Posts:
31
Plugin Contributions:
0

Changing the background colors in the L/R columns

Can someone please advise me how to change the background colors in the left and right columns?

While your are at it, would you also know how to change the color of the horizontal bar in which the breadcrumb trail resides?

Thanks to all in advance!

9 Jan 2008, 9:49 AM
#2
gjh42 avatar

gjh42

Black Belt

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

Re: Changing the background colors in the L/R columns

There are several possible answers depending on exactly which parts of the left and right columns you want to change.
.columnLeft {background-color: #aabbcc;}
is one.
If you get the Firefox Web Developer extension, you can look these things up yourself without waiting for somebody else to answer.

10 Jan 2008, 2:11 AM
#3
mt_ed avatar

mt_ed

New Zenner

Join Date:
Dec 2007
Posts:
31
Plugin Contributions:
0

Re: Changing the background colors in the L/R columns

Hi G,
I tried your suggestion:.columnLeft{background-color: #ffffff;}, but to no avail??? Did I take your recommendation too literally? Did I need to add something else as well? I added it to my custom template, where I have been making all other changes.

10 Jan 2008, 2:13 AM
#4
mt_ed avatar

mt_ed

New Zenner

Join Date:
Dec 2007
Posts:
31
Plugin Contributions:
0

Re: Changing the background colors in the L/R columns

Adden: Do you also have any suggestions for changing the color of the center, Bread Crumb Trail bar? I have used a version of the tile_back.gif as the header for all of the sidebar windows, and would like to use the same thing for the BCT bar as well.

10 Jan 2008, 2:35 AM
#5
gjh42 avatar

gjh42

Black Belt

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

Re: Changing the background colors in the L/R columns

I would need to see your site to tell you exactly where you need to edit for this.

#navBreadCrumbs {background-image: url(../images/tile_back.gif);}

would be the likely way to use tile_back there.

11 Jan 2008, 6:18 PM
#6
mt_ed avatar

mt_ed

New Zenner

Join Date:
Dec 2007
Posts:
31
Plugin Contributions:
0

Re: Changing the background colors in the L/R columns

I just wanted to update anyone reading this thread. First of all, gjh's suggestion on the navBreadCrumb{ command was right on. Regarding the column color changes, I discovered that they may be changed using the: #navColumnOne,#navColumnTwo{background-color: #112233;} command in the CSS file. Hope this helps someone else as well!!