Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / navigation bar colours

navigation bar colours

Locked

Views: 1,496

Results 1 to 10 of 10
This thread is locked. New replies are disabled.
31 May 2009, 7:19 PM
#1
mike_b_1 avatar

mike_b_1

New Zenner

Join Date:
May 2009
Posts:
38
Plugin Contributions:
0

navigation bar colours

Hi,

Could someone please help, I have searched the tutorials and can't find an answer to my problem, I want to change the colour of my sidebox navigation bars, and cant find the code on my style sheet, if someone could point me in the right direction I would be very grateful. I am using the Silverfish template and realize that the present ones are probably images, I just want plain colours, but don't know where to locate the code.

Thanks,

MIke

31 May 2009, 7:25 PM
#2
haredo avatar

haredo

Totally Zenned

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

Re: navigation bar colours

Mike,
Search for:

#leftBoxHeading

1 Jun 2009, 10:09 AM
#3
mike_b_1 avatar

mike_b_1

New Zenner

Join Date:
May 2009
Posts:
38
Plugin Contributions:
0

Re: navigation bar colours

Hi,

Thank you for your reply but I still cant find the piece of code to change the colours, could you tell me the right line from the code I have pasted below, thank you again,

Mike

leftbox
*/
#navColumnOne {background: url(../images/bg_sidebox.gif) repeat-y; vertical-align: top;}
#navColumnOneWrapper {}
.leftBoxContainer {background: transparent;}
.leftBoxHeading {text-align: center; margin: 0em; background-color: #abbbd3; padding: 0.5em 0.2em;}
h3.leftBoxHeading {font-size: 1em; margin: 0em; background-color: #1D5685; background-image:url(../images/bg_box_header.gif); padding: 0.5em 0.2em; color: #ffffff;}
h3.leftBoxHeading a {font-size: 1em; color: #ffffff;}
h3.leftBoxHeading a:hover {color: #FFFF33; text-decoration: none;}

1 Jun 2009, 10:23 AM
#4
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: navigation bar colours

Well, looks like the rabbit done went and curled up in his burrow.........

But, Mike, you were correct in assuming that this was an image. This is the line you're looking for:

h3.leftBoxHeading {font-size: 1em; margin: 0em; background-color: #1D5685; background-image:url(../images/bg_box_header.gif); padding: 0.5em 0.2em; color: #ffffff;}

Hope this helps.

1 Jun 2009, 11:33 AM
#5
mike_b_1 avatar

mike_b_1

New Zenner

Join Date:
May 2009
Posts:
38
Plugin Contributions:
0

Re: navigation bar colours

Thanks, that did the trick, but I've still got one nav bar refusing to change colour, on the left above the sponsors link, any ideas?

Mike

1 Jun 2009, 11:36 AM
#6
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: navigation bar colours

mike-b:

Thanks, that did the trick, but I've still got one nav bar refusing to change colour, on the left above the sponsors link, any ideas?

Mike

Well, not yet, but if you could give me your URL, I bet I could come up with one real quick.

1 Jun 2009, 12:23 PM
#7
mike_b_1 avatar

mike_b_1

New Zenner

Join Date:
May 2009
Posts:
38
Plugin Contributions:
0

Re: navigation bar colours

No problem, it's

https://www.study-books.co.uk

Thanks,

Mike

1 Jun 2009, 12:48 PM
#8
haredo avatar

haredo

Totally Zenned

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

Re: navigation bar colours

Mi,
Time to download Moxilla Firefox with the add on called firebug

  1. A free web designing tool to build your web site.
  2. Locate this:
    includes/templates/silverfish/css/stylesheet-1-1-1.css
  3. #bannerboxHeading {
    background-color:#0000CC;
    }
  4. change to:
  5. #bannerboxHeading {
    background-color:#700000;
    }
1 Jun 2009, 12:59 PM
#9
mike_b_1 avatar

mike_b_1

New Zenner

Join Date:
May 2009
Posts:
38
Plugin Contributions:
0

Re: navigation bar colours

Thank you for that, it's been driving me mad for ages, could I ask you two more questions please!

  1. What line determines the colour of the link text in the sideboxes,

  2. I have Adobe Creative Suite, could I use the Go-Live feature to edit my site and if so, how do I open the site in a different application

Thank you again for your help

Mike

1 Jun 2009, 1:00 PM
#10
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: navigation bar colours

haredo:

Mi,
Time to download Moxilla Firefox with the add on called firebug

Don't forget the "Web Developer" add-on.......my favorite for the css.....Both, an absolute MUST for any website developer.
Actually, you HAVE to have the Web Developer installed to run Firebug, don't you? Been a while since I was directed to them.

At any rate......GREAT advise, haredo.