Catagory Tab changes

Greetings,

I'm trying to add a separator between my category menu items - something like • or a vertical line. Having viewed some of the forum posts it seems as though I can make this change through the tpl_modules_categories_tabs.php file. Is this the correct file to change and if so how do I add the aforementioned separator?

Thank you for your time.

https://www.photographywestgraphics.com/catalog/

Easy solution could be CSS and borders.

#navCatTabs ul li a {border-right: 1px solid white}

You could also use background-image instead of border.

Play with your padding-left and padding-right. Then add a border-left: 1 px solid #000 for a black line to come between each category.

That could definitely work however you end up with and odd line either at the start of the list or at the end.

It appears the 'hardwire' of the navCatsTabs in the tpl_modules_categories.php file is such that the list is repeating without additional <li></li> lines. Bummer. Even if I code the | separator into this page I still get the vertical line at the end of the last menu item.

Adding the separator to the navMain works because there are multiple <li> entries so I don't have to put the separator on the last <li>.

Still open for suggestions.