Forums / Templates, Stylesheets, Page Layout / Can you change header ez page link color?

Can you change header ez page link color?

Locked

Views: 1,144

Results 1 to 2 of 2
This thread is locked. New replies are disabled.
27 Jun 2008, 3:36 AM
#1
sfklaas avatar

sfklaas

Zen Follower

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

Can you change header ez page link color?

If I wanted to make each link a different color or wanted to make one link a different color than the rest in the header ez page navbar, is that possible? What would I need to add in the css? For example, my site is https://www.flaconline.com and I want to change the color of just "special club events" link. Any tips?

27 Jun 2008, 4:08 AM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Can you change header ez page link color?

There is not a reliable method for singling out one link in that bar that will work in all current browsers.
You can say

#navEZPagesTop a+a+a+a+a {color: #aabbcc;}

which would affect the fifth and following ez-page links, but it would not work in IE6.

You can get individual link ids by editing
/includes/templates/your_template/templates/tpl_ezpages_bar_header.php. Find this:

<?php for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) {  ?>
  <a href="<?php echo $var_linksList[$i]['link']; ?>"><?php echo $var_linksList[$i]['name']; ?></a><?php echo ($i < $n ? EZPAGES_SEPARATOR_HEADER : '') . "\n"; ?>
<?php } // end FOR loop ?>
```and add

id="navEZPLink<?php echo $i; ?>"

to get```php
<?php for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) {  ?>
  <a href="<?php echo $var_linksList[$i]['link']; ?>" id="navEZPLink<?php echo $i; ?>"><?php echo $var_linksList[$i]['name']; ?></a><?php echo ($i < $n ? EZPAGES_SEPARATOR_HEADER : '') . "\n"; ?>
<?php } // end FOR loop ?>
```Add to your stylesheet:

#navEZPLink5 {color: #aabbcc;}

Verify the number for the link you want to modify.