For the perforated separator between each button, I would add the following to the bottom of the style.css of your child theme (You really should be working with a child theme of Twenty Ten so your changes aren’t overwritten when you upgrade the parent theme.):
.page_item {
border-left: 1px dotted #ffffff;
}
That should create a dotted border on the left side of every nav button except the currently selected one, which has the class “current_page_item.”
If you want a color and highlighted block for the current page, I think all you’d need would be to add the following to the style.css:
.current_page_item {
background-color: #594A42;
}
Thanks linux4me2, this code worked 1st time.
I take on board your comments re: child theme
Nick
Help, I activated http://www.lidgetspares.com/wp-admin/nav-menus.php and I lost the perforated separators apart from when .current_page_item is in play. My site again is lidgetspares.com
LOL Whoops.
You just lost the class we used earlier. I think if you change:
.page_item {
border-left: 1px dotted #ffffff;
}
to:
.menu-item {
border-left: 1px dotted #ffffff;
}
you will be back in business.
Yes, I am back in business.
Nick