Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Different Nav link Colors

Different Nav link Colors

Views: 608

Results 1 to 4 of 4
28 Sep 2011, 2:36 PM
#1
jeffsuwanee avatar

jeffsuwanee

New Zenner

Join Date:
Sep 2011
Posts:
21
Plugin Contributions:
0

Different Nav link Colors

I have found a way by using the internal links option on EZ pages to have both my commerce and non commerce page links on the same tab.

https://www.lisageorgedesigns.com/zencart

is it possible, possibly on the stylesheet somewhere, to change the color of the product page links, so that I can differentiate them from the others?

Thanks,
Jeff

28 Sep 2011, 8:13 PM
#2
petlife avatar

petlife

New Zenner

Join Date:
Jun 2010
Location:
Denmark
Posts:
62
Plugin Contributions:
0

Re: Different Nav link Colors

Is it the about us, press, etc.. you want to change??

if thats the case you need to change thees values ind the stylesheet.css

#navEZPagesTop {
    color: #515151; I would use #000000 here
}
#navEZPagesTop a:link, #navEZPagesTop a:visited {
    color: #E0E0E0;
}
#navEZPagesTop a:hover {
    background-color: #000000;
    color: #FFFFFF;
}
28 Sep 2011, 8:38 PM
#3
jeffsuwanee avatar

jeffsuwanee

New Zenner

Join Date:
Sep 2011
Posts:
21
Plugin Contributions:
0

Re: Different Nav link Colors

The truth is, I am trying to keep all of my nav links, both product categories and EZpage links, on one line.

I would love to delete the yellow product category link from the NavCatTab...and place them in the EZPagesTab above it...and maintain the yellow font color so peole see that those are product category links , as opposed to the white "info" type links.

Not having much luck because I simply do not understand the hierarchy of where I should be editing code.

29 Sep 2011, 8:52 AM
#4
petlife avatar

petlife

New Zenner

Join Date:
Jun 2010
Location:
Denmark
Posts:
62
Plugin Contributions:
0

Re: Different Nav link Colors

you can do this

first in the "tools" -> EZ-Pages

click on "edit" on that page you want to have a nother colored text.
Then you change the name of this page to : ```

<div id="ezn">Necklaces</div> ``` and click on update

then ad this to you stylesheet.php

#ezn {
    color: #F3CA69; 
}

that will change the color of the text (name only) of that ez page. just ad the <div id="ezn">ez-page name</div> to those page you want the name to be yellow

hope this will help, or sent me a message then i will be glad to help you.:clap: