[SOLVED] Adding pipe character to separate menu items
 

Hi guys!

How can I add the pipe separator "|" between page menu bar items?

Thanks!

KIP

That's usually done with a right or left border on all but one menu item.

Hi Larry -

Thanks! Makes sense...but how might I code it?

KIP

As a starting point add the following to ATO>Add HTML/CSS Inserts>CSS Inserts. You will have to tweak for your particular needs.

Excellent! Thanks!

Hi Larry -

Well, it's not working cause I'm not sure how to incorporate in the coding I am using for a transparent background. Here is the code below. Where should I add the right border coding?

Thanks!!!

div#menu1 {
height: 40px;
margin-top:20px;
background: none;
}
div#menu1 ul.rMenu {
background: none;
border: none 0px;
}
ul.rMenu li a:link,
ul.rMenu li a:hover,
ul.rMenu li a:active,
ul.rMenu li a:visited,
ul.rMenu li {
background: none !important;
}

What happens if instead of border:none 0px; you have
Do you have a URL?

Hi Larry -

Sorry for not replying sooner - I've been covered up with travel and other deadlines.

Silly me for not giving a URL!

http://www.fivestarmetalworks.com

And YAY! It worked! Thanks!!!

KIP