Forums / Templates, Stylesheets, Page Layout / How to change color of links in header? Please Help!

How to change color of links in header? Please Help!

Locked

Started by sfklaas on 8 Apr 2008, 3:49 PM · Views: 3,741

Results 1 to 11 of 11
This thread is locked. New replies are disabled.
8 Apr 2008, 3:49 PM
#1
sfklaas avatar

sfklaas

Zen Follower

Join Date:
Mar 2008
Posts:
219
Plugin Contributions:
0

How to change color of links in header? Please Help!

I would like to change the font color of the category links on the header of the site, but when I do, it changes the font for all of the 'category' related links, as in the sidebox, featured products, and new products. I would like the sideboxes to have a font color of blue for the links, which it is, but the header displayed categories I would like the font to be white.

How would I do this, any advice please? I have asked this before, but haven't gotten much help. Is it because this is confusing? Hard to explain? I've been stuck on this for a couple of days with no luck. I never knew such a little thing coule be so frustrating.

Thanks!

Steve

8 Apr 2008, 3:54 PM
#2
haredo avatar

haredo

Totally Zenned

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

Re: How to change color of links in header? Please Help!

sfklaas:

I would like to change the font color of the category links on the header of the site, but when I do, it changes the font for all of the 'category' related links, as in the sidebox, featured products, and new products. I would like the sideboxes to have a font color of blue for the links, which it is, but the header displayed categories I would like the font to be white.

How would I do this, any advice please? I have asked this before, but haven't gotten much help. Is it because this is confusing? Hard to explain? I've been stuck on this for a couple of days with no luck. I never knew such a little thing coule be so frustrating.

Thanks!

Steve

S,
includes/ templates/ custom/ css/ stylesheet.css

Find the declaration in the following stylesheet.css

  1. #navCatTabs ul li a
  2. If not found add to the bottom
  3. #navCatTabs ul li a {color: #FFFFFF;}
  4. Adjust the red font above to what you like

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.

8 Apr 2008, 4:02 PM
#3
sfklaas avatar

sfklaas

Zen Follower

Join Date:
Mar 2008
Posts:
219
Plugin Contributions:
0

Re: How to change color of links in header? Please Help!

I attempted, I found the code and edited, however, I saw no changes. Is there anything else I have to change or any other suggestions?

8 Apr 2008, 4:04 PM
#4
haredo avatar

haredo

Totally Zenned

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

Re: How to change color of links in header? Please Help!

sfklaas:

I attempted, I found the code and edited, however, I saw no changes. Is there anything else I have to change or any other suggestions?

Do you have an overide folder associated with your site
EX:
includes/ templates/ custom/ css/ stylesheet.css

Easier said than done,
Shoot me a link to the site please

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.

8 Apr 2008, 4:10 PM
#5
sfklaas avatar

sfklaas

Zen Follower

Join Date:
Mar 2008
Posts:
219
Plugin Contributions:
0

Re: How to change color of links in header? Please Help!

I don't think I have an override folder or have created one

8 Apr 2008, 4:12 PM
#6
haredo avatar

haredo

Totally Zenned

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

Re: How to change color of links in header? Please Help!

sfklaas:

I don't think I have an override folder or have created one

Please post me a link to the site.
Sorry got the pm

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.

8 Apr 2008, 4:20 PM
#7
haredo avatar

haredo

Totally Zenned

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

Re: How to change color of links in header? Please Help!

I would like to change the font color of the category links on the header of the site, but when I do, it changes the font for all of the 'category' related links, as in the sidebox, featured products, and new products. I would like the sideboxes to have a font color of blue for the links, which it is, but the header displayed categories I would like the font to be white.

How would I do this, any advice please? I have asked this before, but haven't gotten much help. Is it because this is confusing? Hard to explain? I've been stuck on this for a couple of days with no luck. I never knew such a little thing coule be so frustrating.

Thanks!

Steve

S,
includes/ templates/ custom/ css/ stylesheet.css

Find the declaration in the following stylesheet.css

#navEZPagesTop {
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
font-size: 1.25em;
font-weight: bold;
margin: 0em;
padding: 0.5em;
text-align: center;
}

Add this right below text-align: center;

  1. color: white; Add this declaration to your sheet:

#navEZPagesTop a {color: #FFFFFF;}

Please delete the #navCatTabs ul li a I posted before

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.

8 Apr 2008, 4:27 PM
#8
sfklaas avatar

sfklaas

Zen Follower

Join Date:
Mar 2008
Posts:
219
Plugin Contributions:
0

Re: How to change color of links in header? Please Help!

Great!! It worked... Now, maybe this is too picky, but is there a reason why the hover doesn't change to green like it did before? Do I have to add something additional. Hopefully I'm not taking too much of your time. I'm so excited I got it this far!

https://www.bendisskin.com

8 Apr 2008, 4:34 PM
#9
haredo avatar

haredo

Totally Zenned

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

Re: How to change color of links in header? Please Help!

sfklaas:

Great!! It worked... Now, maybe this is too picky, but is there a reason why the hover doesn't change to green like it did before? Do I have to add something additional. Hopefully I'm not taking too much of your time. I'm so excited I got it this far!

www.bendisskin.com

includes/ templates/ custom/ css/ stylesheet.css

Add this declaration to the .css

#navEZPagesTop a:hover {color: #00CC00;}

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.

8 Apr 2008, 4:49 PM
#10
haredo avatar

haredo

Totally Zenned

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

Re: How to change color of links in header? Please Help!

No you are not taking up my time,
Glad I could assist you.
Nice site by the way!!!

includes/ templates/ custom/ css/ stylesheet.css

Add the following declaration below to the sheet

  1. #ezpagesContent a {color: #000000;}
    Just a little cosmetics look change if you would like

Search Box
A. Change Box Size in Search Box
1. includes/ templates/ override folder/ sideboxes/ tpl.search_header.php
1. line 17
2. width= 100 to 135
3. line 19
4. width = 100 to 135
5. ftp the file

B. Change Wording in Search Box (optional)
   1. includes/ languages/ english/ header.php
      1. Line 28
      2. ftp to: includes/ languages/ english/ your template/ header.php

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.

8 Apr 2008, 4:59 PM
#11
sfklaas avatar

sfklaas

Zen Follower

Join Date:
Mar 2008
Posts:
219
Plugin Contributions:
0

Re: How to change color of links in header? Please Help!

Thanks soo much! It worked!