Divider between Page Menu Bar items
 

Hello,

I would like to have a '|' in between the items in the Page Menu Bar so that it would look something like this:

Home | News | CV | Maps | Contact

Does anyone know how I might do this?

Thank you in advance for your help.

You could add an image through a CSS Insert

div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:active,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:hover {
background: url(/path/to/image.gif) no-repeat scroll center left;

}

div#menu1 ul.rMenu li:first a {
background-image: none !important;

}

This will probably require various other CSS changes to make it look like intended by you. I suggest to use Firebug for this. You'll need to edit the LI and the A

div#menu1 ul.rMenu li {
...
}

and

div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:active,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:hover {
...
}

Have any updates made it possible to do this without adding an image?

not as of 3.4.6