Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Ezpages header Link color

Ezpages header Link color

Locked

Views: 7,012

Results 1 to 14 of 14
This thread is locked. New replies are disabled.
23 Dec 2006, 12:24 AM
#1
gate13 avatar

gate13

New Zenner

Join Date:
Dec 2006
Posts:
13
Plugin Contributions:
0

Ezpages header Link color

Hi guys

i have created an Ezpage and set it up in my header which then creats the bar below my logo which i realy like but my problem is i dont like the link color.

i go into my css style sheet and im able to change the link color but i also change the link color of my links in my sideboxes and other varies links.

could some 1 please help me just change the link color of the ezpage in the header.

thanks..

23 Dec 2006, 3:29 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Ezpages header Link color

Have you got a url? Provide for a descriptive solution

23 Dec 2006, 6:07 AM
#3
gate13 avatar

gate13

New Zenner

Join Date:
Dec 2006
Posts:
13
Plugin Contributions:
0

Re: Ezpages header Link color

See where it says payment options in the green bar i want just that link to be a certain color. https://Www.gsports-and-novelties.com/sportsm

23 Dec 2006, 6:24 AM
#4
Kim avatar

Kim

Obaa-san

Join Date:
Jun 2003
Location:
West Coast, North America
Posts:
26,607
Plugin Contributions:
0

Re: Ezpages header Link color

Add to your CSS stylesheet:

#navEZPagesTop a {color: #000000;} /change the hex value to the color of your choice/

23 Dec 2006, 8:03 AM
#5
gate13 avatar

gate13

New Zenner

Join Date:
Dec 2006
Posts:
13
Plugin Contributions:
0

Re: Ezpages header Link color

this is how i have added it

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

is this ok?

also how do i add it for links visited?

23 Dec 2006, 8:35 AM
#6
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Ezpages header Link color

What Kim was referring to is in the stylesheet.css as:

#navEZPagesTop {
    background-color: #f5f5d6;
    }

#navBreadCrumb, #navEZPagesTop {
    font-size: 0.95em;
    font-weight: bold;
    margin: 0em;
    padding: 0.5em;
    }
```And you should ADD adjusting the colors to suit:

#navEZPagesTop a:link {
color: #3B3B39;
text-decoration: none;
}

#navEZPagesTop a:visited {
color: #606000;
text-decoration: none;
}

#navEZPagesTop a:hover {
color: #757565;
text-decoration: none;
}

#navEZPagesTop a:active {
color: #000000;
text-decoration: none;
}

#navEZPages TOC refers to "Table Of Contents"

Your inclusion should be separate and you have messed the open and close brackets
23 Dec 2006, 8:43 AM
#7
gate13 avatar

gate13

New Zenner

Join Date:
Dec 2006
Posts:
13
Plugin Contributions:
0

Re: Ezpages header Link color

guys i think i worked it out seems ok

the only thing is now

the colums between the links are black how do i change the colors on those.

23 Dec 2006, 9:01 AM
#8
gate13 avatar

gate13

New Zenner

Join Date:
Dec 2006
Posts:
13
Plugin Contributions:
0

Re: Ezpages header Link color

thanks for that guys great bloody help

just need to know how to change the color of the colums that are black

one more thing how can i centre the links cause at the moment they are left align

23 Dec 2006, 3:20 PM
#9
Kim avatar

Kim

Obaa-san

Join Date:
Jun 2003
Location:
West Coast, North America
Posts:
26,607
Plugin Contributions:
0

Re: Ezpages header Link color

If you need more CSS help, perhaps Googling for some tutorial would be a good place to start.

24 Dec 2006, 7:52 AM
#10
gate13 avatar

gate13

New Zenner

Join Date:
Dec 2006
Posts:
13
Plugin Contributions:
0

Re: Ezpages header Link color

kobra:

What Kim was referring to is in the stylesheet.css as:

#navEZPagesTop {
background-color: #f5f5d6;
}

#navBreadCrumb, #navEZPagesTop {
font-size: 0.95em;
font-weight: bold;
margin: 0em;
padding: 0.5em;
}

> ```
#navEZPagesTop a:link {
    color: #3B3B39;
    text-decoration: none;
    }
 
#navEZPagesTop a:visited {
    color: #606000;
    text-decoration: none;
    }
 
#navEZPagesTop a:hover {
    color: #757565;
    text-decoration: none;    
    }
 
#navEZPagesTop a:active {
    color: #000000;
    text-decoration: none;
    }

#navEZPages TOC refers to "Table Of Contents"

Your inclusion should be separate and you have messed the open and close brackets

hey kobra i managed to change the color but i have to more questions to ask.

how do i center the links and how i can change the color of the colums between the links or just get rid of them completley.

24 Dec 2006, 2:49 PM
#11
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Ezpages header Link color

how do i center the links and how i can change the color of the colums between the links or just get rid of them completley.If I am understanding your request correctly find this:

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

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

admin  > config > ezpages settings > EZ-Pages Header Link Separator >   :: 

change 
 :: 
to
  
27 Dec 2006, 2:25 AM
#12
gate13 avatar

gate13

New Zenner

Join Date:
Dec 2006
Posts:
13
Plugin Contributions:
0

Re: Ezpages header Link color

thanks very much you have been great help much appreciated.

11 Jun 2007, 12:09 PM
#13
hansi avatar

hansi

New Zenner

Join Date:
Aug 2006
Posts:
67
Plugin Contributions:
0

Re: Ezpages header Link color

Hi there,

Just go to configuration>EZ page settings>EZ-Pages Header Link Separator

and in the textbox change the code to

<span style="color:#ffffff">  :: </style>

Note: the color attribute value #ffffff should be changed to the color of your choice for the separators.

Regards,

Hansi

2 Jul 2007, 7:40 AM
#14
hansi avatar

hansi

New Zenner

Join Date:
Aug 2006
Posts:
67
Plugin Contributions:
0

Re: Ezpages header Link color

Hi there is a typo in my suggestion.
the closing tag should be </span> and not </style>.

Regards,

Hansi