[ottRider]

I’m trying to closely match the look and feel of another website. Although I don’t really care for them, I’d like to be able to put faint vertical borders to the left and right of the primary menu items. (i.e., if you think of the menu items as boxes, shade the left and right sides of the boxes.)

I imagine there’s a CSS field for this, but offhand I haven’t been able to figure out the CSS for the primary menus. Any suggestions appreciated.

Thanks
– Richard

[ottRider]

Figured it out, putting the solution here in case others are searching.

/* Draw vertical borders around menu items. Alpha=0.2 for partial transparency. */
.menu-item {
border-left: 1px solid rgba(0, 0, 0, 0.2);
border-right: 1px solid rgba(0, 0, 0, 0.2);
}

[Author]

Posts