Forums / Templates, Stylesheets, Page Layout / ez pages (top bar) link color change

ez pages (top bar) link color change

Locked

Views: 8,348

Results 1 to 20 of 26
This thread is locked. New replies are disabled.
11 Feb 2009, 12:36 AM
#1
agent_kgb avatar

agent_kgb

Zen Follower

Join Date:
Jan 2009
Posts:
111
Plugin Contributions:
0

ez pages (top bar) link color change

i am sure this been asked (and answered) a 100 times... but i am lost

where can i change the color of links (to white) for ez pages (top bar and bottom bar)?

i can change colors of all links to white (which sort of suks, because most of the bg is white too.... so it's difficult to see those links, unless you accidently mouse over them)...

so i want to keep normal links blue, but change the color of links for exp pages to white....:(

11 Feb 2009, 2:53 AM
#2
haredo avatar

haredo

Totally Zenned

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

Re: ez pages (top bar) link color change

Agent_KGB:

i am sure this been asked (and answered) a 100 times... but i am lost

where can i change the color of links (to white) for ez pages (top bar and bottom bar)?

i can change colors of all links to white (which sort of suks, because most of the bg is white too.... so it's difficult to see those links, unless you accidently mouse over them)...

so i want to keep normal links blue, but change the color of links for exp pages to white....:(

Ag,
Check your stylesheet.css for this declaration..

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a

  1. here is where you will find color

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.

11 Feb 2009, 6:42 PM
#3
agent_kgb avatar

agent_kgb

Zen Follower

Join Date:
Jan 2009
Posts:
111
Plugin Contributions:
0

Re: ez pages (top bar) link color change

it sort of fixed most of the problems....

got to change the color of my "HOME and LOG IN" links in the top right... changed the ez links on the bottom... but the top ez links still staying blue ;0(....

attached is my CSS file... maybe i am missing something...

please help!@!!

12 Feb 2009, 12:46 AM
#5
agent_kgb avatar

agent_kgb

Zen Follower

Join Date:
Jan 2009
Posts:
111
Plugin Contributions:
0

Re: ez pages (top bar) link color change

bump because i really want ot fix it ;0(

:oops:

12 Feb 2009, 1:42 AM
#6
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: ez pages (top bar) link color change

create the following code block in your CSS ..

#navEZPagesTop a {
color: your color here ;
}

if you want hover effect

create the second code block as such

#navEZPagesTop a:hover {
color: your hover color here ;
}

do the same if you want for visited

12 Feb 2009, 6:04 PM
#7
agent_kgb avatar

agent_kgb

Zen Follower

Join Date:
Jan 2009
Posts:
111
Plugin Contributions:
0

Re: ez pages (top bar) link color change

Tony... you rock... i know i've told you this in teh past... but i mean it... :bigups:

THANK YOU!!!! :flex:

:clap:

:cry:

12 Feb 2009, 9:24 PM
#8
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: ez pages (top bar) link color change

You very welcome :blush:

20 Mar 2009, 7:40 AM
#9
phoeuth avatar

phoeuth

New Zenner

Join Date:
Dec 2008
Posts:
28
Plugin Contributions:
0

Re: ez pages (top bar) link color change

Ok I kinda of have the same problem. If I post this in the wrong place please be kind and move it. Ok, I've created an ez page and name it adult links. On this page i put all my link exchange that I did with related web sites. I want to change the color of the text that is use for hyperlinking in the adult link page only. Right now the link text inside that ez page is black and when i hover over it, it turns gray which is basically the same as the rest of the pages on my web site. So basically I only want to change the color of the text I use for links in the ez page and keep my current style for the rest of the web site as is. Is there a way to change color of the text that is use for hyperinking in the ez page and if so how do I do it? I've been stuck on this for about a week now. Please help. Your knowledge is very much appreciated.
Here is the link to what am talinking about: http://myluvtoy.com/index.php?main_page=page&id=3

20 Mar 2009, 8:42 AM
#10
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: ez pages (top bar) link color change

add the following to end of your stylesheet.css

#ezPageDefault a {
color:blue;
}

#ezPageDefault a:hover {
color:red;
text-decoration:none;
}

change the colors to what you need.

20 Mar 2009, 1:33 PM
#11
clueless_in_berlin avatar

clueless_in_berlin

New Zenner

Join Date:
May 2008
Posts:
48
Plugin Contributions:
0

Re: ez pages (top bar) link color change

Hi Tony,

I also have a similar situation with the CSS that is driving me crazy.

My side boxes have a gray background color and the text (which is mostly anchored) I have changed to white using the following code:

a:link, #navEZPagesTOC ul li a {
color: #ffffff;
/color: #3300FF;/
text-decoration: none;
}

My problem is that the center column still has a white background so the anchored text in the white background is invisible.

How can I seperate the color of the anchored text in the sideboxes from the anchored text in the center column?

Thanks in advance for any advice!

20 Mar 2009, 8:05 PM
#12
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: ez pages (top bar) link color change

is it possible to post a link to your site ?

21 Mar 2009, 2:53 AM
#13
phoeuth avatar

phoeuth

New Zenner

Join Date:
Dec 2008
Posts:
28
Plugin Contributions:
0

Re: ez pages (top bar) link color change

tony_sar:

add the following to end of your stylesheet.css

#ezPageDefault a {
color:blue;
}

#ezPageDefault a:hover {
color:red;
text-decoration:none;
}

change the colors to what you need.

Tony_sar you are the man. I appreciate the quick response and the code you've given me. thank you very much.

26 Mar 2009, 1:05 AM
#14
behrtek avatar

behrtek

New Zenner

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

Re: ez pages (top bar) link color change

The site I am working on is at:

http://www.charlestonbatcompany.net/cbcstore

I am having the same problem, since the code that controls the ez page side box links also controls the links on the main body, I am unable to change the ez page links to white to match the categories box above.

I did try adding the code as was suggested earlier in this thread but it had no effect.

Please help?

Thanks

26 Mar 2009, 1:16 AM
#15
haredo avatar

haredo

Totally Zenned

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

Re: ez pages (top bar) link color change

behrtek:

The site I am working on is at:

http://www.charlestonbatcompany.net/cbcstore

I am having the same problem, since the code that controls the ez page side box links also controls the links on the main body, I am unable to change the ez page links to white to match the categories box above.

I did try adding the code as was suggested earlier in this thread but it had no effect.

Please help?

Thanks

Be,
You half to separate the two out from each other.

Locate this:
includes/templates/classic/css/stylesheet.css

Find this:

a:link, #navEZPagesTop ul li {
margin-right:1em;
}

Change to this:> #navEZPagesTop ul li {

margin-right:1em;
color: #ffffff;
}

a:link {
margin-right:1em;
}

I notice you are using the classic template

  1. Take time to read the tutorials/faq
  2. search for:
  3. override system
  4. very, very helpful for future upgrades

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.

27 Mar 2009, 2:16 PM
#16
clueless_in_berlin avatar

clueless_in_berlin

New Zenner

Join Date:
May 2008
Posts:
48
Plugin Contributions:
0

Re: ez pages (top bar) link color change

tony_sar:

is it possible to post a link to your site ?

Hi Tony,

My site is not yet live so I can´t provide a link but the problem was that I forgot the # sign in front of the color number. That was a brutal waist of time.:cry:

Thanks anyway for the quick response.

Josh

30 Mar 2009, 11:44 PM
#17
behrtek avatar

behrtek

New Zenner

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

Re: ez pages (top bar) link color change

haredo:

Be,
You half to separate the two out from each other.

Locate this:
includes/templates/classic/css/stylesheet.css

Find this:

a:link, #navEZPagesTop ul li {
margin-right:1em;
}

Change to this:

I notice you are using the classic template

  1. Take time to read the tutorials/faq
  1. search for:
  1. override system
  1. very, very helpful for future upgrades

Thanks for the response haredo. I know I need to review the template system, it gave me problems in the beginning.

I still cannot get the ez page links font color to be separate from the other item they are associated to by default.

I have another question though is it possible another stylesheet is intefering with the one I am changing? I notice there is one in the admin section. I am using the firefox web developer tools as suggested but this does not appear to be the case.

I could change the overall look of the site, but the owner wants it a particular way! It is supposed to match the original website which is still up at the same domain. Could the stylesheet from this site be intefering with the store stylesheet?

Thanks in advance...

P.S. and I do read the faqs, I also purchased the book last year, but felt I had exhausted all options before asking!

Thanks again.

30 Mar 2009, 11:54 PM
#18
haredo avatar

haredo

Totally Zenned

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

Re: ez pages (top bar) link color change

Be,

Add this to the /classic/ stylesheet.css

#ezpagesContent ul li a{
margin-right:1em;
color: #ffffff;
}

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.

31 Mar 2009, 12:16 AM
#19
behrtek avatar

behrtek

New Zenner

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

Re: ez pages (top bar) link color change

Thank you very much!!

I really really appreciate the help!

31 Mar 2009, 12:17 AM
#20
haredo avatar

haredo

Totally Zenned

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

Re: ez pages (top bar) link color change

Be,
You are most welcome, glad I could help you...
Pm me if you are ever stuck..

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.