Forums / Templates, Stylesheets, Page Layout / changing font color of ezpage links in top header

changing font color of ezpage links in top header

Locked

Started by circlegtractors on 5 Jun 2008, 6:53 PM · Views: 4,617

Results 1 to 16 of 16
This thread is locked. New replies are disabled.
5 Jun 2008, 6:53 PM
#1
circlegtractors avatar

circlegtractors

New Zenner

Join Date:
Aug 2007
Posts:
33
Plugin Contributions:
0

changing font color of ezpage links in top header

I have spent the last three hours searching and have come up empty so here's a new thread. I am trying to change the way the links for the ezpages look in the top header. I have found the section of spreadsheet.css to change the size font for these links:

#navEZPagesTop {
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
font-size: 1.5em;
font-weight: bold;
margin: 0em;
padding: 0.5em;
}
changing the font size, i have it the size i desire, but i cannot seem to find the right spot to change the color of the font.

Any ideas?

5 Jun 2008, 7:10 PM
#2
khopek avatar

khopek

Totally Zenned

Join Date:
Aug 2006
Location:
portlandish, oregon
Posts:
795
Plugin Contributions:
0

Re: changing font color of ezpage links in top header

Have you tried adding

color: #cccccc;

to the above code?
Change the part in red to whatever the hex code is for the color you want.

5 Jun 2008, 7:23 PM
#3
circlegtractors avatar

circlegtractors

New Zenner

Join Date:
Aug 2007
Posts:
33
Plugin Contributions:
0

Re: changing font color of ezpage links in top header

nope sure havent, would it go in right below font size, or does it matter where i try it?

5 Jun 2008, 7:38 PM
#4
khopek avatar

khopek

Totally Zenned

Join Date:
Aug 2006
Location:
portlandish, oregon
Posts:
795
Plugin Contributions:
0

Re: changing font color of ezpage links in top header

i don't think it really matters, but I'd go ahead and put it under the font-weight, just to keep things in order.:P

5 Jun 2008, 7:48 PM
#5
circlegtractors avatar

circlegtractors

New Zenner

Join Date:
Aug 2007
Posts:
33
Plugin Contributions:
0

Re: changing font color of ezpage links in top header

Thanks ill give it a try

5 Jun 2008, 8:01 PM
#6
circlegtractors avatar

circlegtractors

New Zenner

Join Date:
Aug 2007
Posts:
33
Plugin Contributions:
0

Re: changing font color of ezpage links in top header

That didnt work, I put it in as you have and i also tried:
font-color: #FFFFFF;

and it still didnt work. It still comes up as that same blue look.

https://www.circlegtractorparts.com/shop

its the green menu with circlegtractors.com::Tractor package deals::Jinma 6 woodchippers.

Any more ideas?

5 Jun 2008, 8:05 PM
#7
khopek avatar

khopek

Totally Zenned

Join Date:
Aug 2006
Location:
portlandish, oregon
Posts:
795
Plugin Contributions:
0

Re: changing font color of ezpage links in top header

Oh DUH!

#navEZPagesTop a {
color: #FFFFFF;
}

(a refers to the links)

5 Jun 2008, 8:14 PM
#8
circlegtractors avatar

circlegtractors

New Zenner

Join Date:
Aug 2007
Posts:
33
Plugin Contributions:
0

Re: changing font color of ezpage links in top header

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

#navColumnOne, #navColumnTwo {
background-color: transparent;
}

/The main content classes/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
vertical-align: top;

This is what i did, it didnt work. Did i do it wrong?

Thanks a lot for your help so far, sorry im so slow

5 Jun 2008, 8:18 PM
#9
khopek avatar

khopek

Totally Zenned

Join Date:
Aug 2006
Location:
portlandish, oregon
Posts:
795
Plugin Contributions:
0

Re: changing font color of ezpage links in top header

Oh sorry for not explaining that...You wanted to add the #navEZPagesTop {color: #FFFFFF; } to your stylesheet. So to fix what you did just find:

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

Change it to

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

#navEZPagesTop a {
color: #FFFFFF;
}

The selector #navEZPagesTop will change the TEXT properties in your header (ie. the :: you have between links)
while #navEZPagesTop a will change the LINK properties.

5 Jun 2008, 8:19 PM
#10
circlegtractors avatar

circlegtractors

New Zenner

Join Date:
Aug 2007
Posts:
33
Plugin Contributions:
0

Re: changing font color of ezpage links in top header

Never mind, I figured it out. I just made it under its own section. Like this:

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

#navEZPagesTop a {
color: #FFFFFF;
}

#navColumnOne, #navColumnTwo {
background-color: transparent;
}

Thanks so much for all your help!!!

22 Jun 2008, 12:41 PM
#11
coins avatar

coins

New Zenner

Join Date:
Jun 2008
Posts:
37
Plugin Contributions:
0

Re: changing font color of ezpage links in top header

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

#navEZPagesTop a {
color: #FFFFFF;
}

The selector #navEZPagesTop will change the TEXT properties in your header (ie. the :: you have between links)
while #navEZPagesTop a will change the LINK properties.

Hi, Thank you for the code above I can finally go to sleep now, is work :)
just, I dont know how to do the thing when the link change red when I put the cursor on it.
Thank you.

26 Jun 2008, 5:02 PM
#12
rugbythug avatar

rugbythug

New Zenner

Join Date:
Feb 2008
Posts:
25
Plugin Contributions:
0

Re: changing font color of ezpage links in top header

You need to change it with the :hover

26 Jun 2008, 5:10 PM
#13
rugbythug avatar

rugbythug

New Zenner

Join Date:
Feb 2008
Posts:
25
Plugin Contributions:
0

Re: changing font color of ezpage links in top header

#navEZPagesTop a:hover {
color: #FF0000;
}

23 May 2009, 8:16 AM
#14
kpshyam avatar

kpshyam

New Zenner

Join Date:
Feb 2009
Location:
New Delhi, India
Posts:
5
Plugin Contributions:
0

Re: changing font color of ezpage links in top header

I have been looking for this help and finally I also did it. Thanks a million.

28 May 2009, 3:24 AM
#15
mibelloboutique avatar

mibelloboutique

New Zenner

Join Date:
Apr 2008
Posts:
30
Plugin Contributions:
0

Re: changing font color of ezpage links in top header

I want to change my EZ page header to a graphic but I can't figure out how to make it show up. I did all my other sideboxes and changed in the ezpage definitions php to my image but nothing.

Help??

Kristy

13 Jun 2009, 9:40 PM
#16
johnko avatar

johnko

New Zenner

Join Date:
Jun 2009
Posts:
1
Plugin Contributions:
0

Re: changing font color of ezpage links in top header

khopek:

Oh DUH!

#navEZPagesTop a {
color: #FFFFFF;
}

(a refers to the links)

Thanks a lot!!