Why isn't EZPagesTop a <UL>?

[eyal8r]

This seems soo odd to me. I'm trying to customize this area (using the Classic Template), but the EZPagesTop doesn't use a UL or LI. Is there any reason for this? Is there an easy way to convert it to be this way, so that I may customize it via stylesheets?
Thanks!

[kobra]

They have there own tags for css
https://www.zen-cart.com/tutorials/i...hp?article=117

[eyal8r]

Actually, I just added it in. I modified the tpl_ezpages_bar_header file and added it in... ;)

[eyal8r]

huh- I don't see anything in that link talking about CSS- can you explain a little more?

Here's my new problem with this setup:

My Site

I added in a UL and LI tags into the tpl_ezpages_header_bar file- works great, until...

I need to remove that final divider image on the right side of the 'Made in the USA!' link... normally I would do this-

<li><a style="background-image: none;" href="#">

That would remove that image in a hard-coded UL LI. However, since this UL LI is dynamically generated, I don't have access to add that in on a specific link/li.

Any suggestions on how to remove this?

I appreciate the help!

[gjh42]

Change the background-position to left and make it apply only to the second and following items:

#navEZPagesTop ul a {
  background-image: none;
  background-repeat: no-repeat;
  background-position: left;
  padding-right: 10px;
  padding-left: 10px;
  display: block;
  line-height: 75px;
  text-decoration: none;
  font-size: 1.5em;
  font-weight: bold;
  color: #008aff;
  }

#navEZPagesTop ul li+li a {
  background-image: url('../images/sitenavdivider.png');}

Tested on your site.

Also, you should delete the original rules that apply to these links, as they are completely overridden by your new rules.

#navEZPagesTop a {
	color: #008aff;
	text-decoration: none;
	}

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

[eyal8r]

WHOA. Now THAT IS COOL! I had no idea you could do that within CSS! I seriously thought I would have to have some custom piece of PHP code written, and/or just drop the entire thing and hard code the links in manually! TOO COOL!

Guys, thank you SOO MUCH for all the help! I am learning soo much from all your input!

[eyal8r]

Hi Glen (or any others!)-
Question on this. I just looked at the site using FireFox ver 3.017, and the EZPages Links are all shifted funny. The 'BUY' link is where it's supposed to be, but all the remaining ones are shifted DOWN a little bit. I imagine it has something to do with the CSS li+li line? Not sure.

The odd thing is- using FireFox 3.57 and IE it looks fine. Any suggestions?