Wonderful! That gave me 99% of what I wanted. I just centered the text and changed the colors a bit, thusly:
Code:
#navCatTabsWrapper {
margin: 1em 0 0;
padding:0.2em 0 0;
background: #FBEDD0;*/
font-size: 1.1em;
font-weight: bold;
color: #8E262E;
height: 24px;
width:100%;
}
#navCatTabs ul {
margin: 0;
padding: 0.5em 0.3em 0em 0.3em;
list-style-type: none;
}
#navCatTabs li {
margin: 0;
padding: 0 0.5em 0 0.5em;
text-align: center;
margin:0 auto;
display: inline;
white-space: nowrap;
border:solid #7F3218;
border-width:0 1px 0 0;
}
#navCatTabs li:last-of-type {
border:none;
}
#navCatTabs a {
text-decoration: none;
color: #444;
}
#navCatTabs a:hover {color: #7F3218;}
In my stylesheet.css these are lines 244-276, for other people's reference if they want to do something similar. I also decided to eliminate subcategories so as not to have to try and implement some kind of dropdown menu for each category that has subs under it- I won't have all that many products in each category anyway. No sense making customers have to click their way in and out of too many categories.
Salamat! (Thank you)
Bookmarks