Forums / Templates, Stylesheets, Page Layout / changing the text color of the header links

changing the text color of the header links

Locked

Views: 1,501

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
22 Oct 2008, 7:41 PM
#1
vfrazier avatar

vfrazier

New Zenner

Join Date:
Jul 2008
Location:
Midwest
Posts:
80
Plugin Contributions:
0

changing the text color of the header links

http://www.flyboyaccessories.com/store/ is my store URL.

I'd like to change the text in the header where it says "Tailwheel Products, etc..." from gray to blue, or black. I've looked all through the forum and changed the colors of lots of other things by modifying the magic/css/stylesheet.css file but...

I've had no luck whatsoever in changing the header text color, even though I seem to recall changing it very early in this process. Doh! Maybe that change was part of something else that was modified. I can't recall and I don't have it written in my increasingly large stack of notes.

It would also be nice if the text in the left category box would change to red when you hover over it. It is always blue, unlike the other links that change to red while hovering.

I don't want any of the other links to change. They are fine as they are.

thx in advance

22 Oct 2008, 9:01 PM
#2
haredo avatar

haredo

Totally Zenned

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

Re: changing the text color of the header links

V,
edit your override folder
includes/templates/Magic/css/stylesheet.css
Find this declaration:
#navCatTabs ul li a {
color: #9A9A9A;
}

  1. change the red font above to 000000

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

22 Oct 2008, 9:16 PM
#3
vfrazier avatar

vfrazier

New Zenner

Join Date:
Jul 2008
Location:
Midwest
Posts:
80
Plugin Contributions:
0

Re: changing the text color of the header links

Zoinkers. It's so easy once you know what the line is called. Thanks!

How do you guys (and girls) find the names and files of these things so easily?

It would also be nice if the text in the left category box would change to red when you hover over it. It is always blue, unlike the other links that change to red while hovering. Is there a way to do that?

22 Oct 2008, 9:27 PM
#4
haredo avatar

haredo

Totally Zenned

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

Re: changing the text color of the header links

V,
sure,
edit your override stylesheet.css again and add this following declaration to the sheet! :smile:

A.category-top:hover {color: #FF0000;}

I use Firefox web browser with the add on called Web developers kit. Which allows me to view your stylesheet and make changes and locate declarations to manulipate..

Enjoy,

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

22 Oct 2008, 10:16 PM
#5
vfrazier avatar

vfrazier

New Zenner

Join Date:
Jul 2008
Location:
Midwest
Posts:
80
Plugin Contributions:
0

Re: changing the text color of the header links

Sweet!:D It worked perfectly!!

I am excited to find out about the Firefox developers kit. I downloaded it and then wet all over myself when I looked at one of my webpages.

I'll give it a try.... but NOT on my ZC store. I'd just screw that all up.

Thanks very much for your time.

Hey, I just got an order... 3 so far! Not bad for day1 !

23 Oct 2008, 12:26 AM
#6
haredo avatar

haredo

Totally Zenned

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

Re: changing the text color of the header links

V,
You are most welcome, glad I could assist you...
When you play with the add on in firefox you can't mess up your site unless you ftp the changes you are seeing.
That is the beauty of this add on, you can see your changes before you save the file..

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.