OK -- I see what's oing on on your site. Here's your CSS for your vertmenu section:
Code:
/*
Vertical menu
*/
.VertMenuLeftColumn { border-right: 1px solid #2C2C58; background: #000; color: #fff; vertical-align: top; }
.VertMenuLeftColumn a, .VertMenuRightColumn a { color: #7FFF00; }
.VertMenuRightColumn { border-left: 1px solid #2C2C58; background: #000; color: #fff; vertical-align: top; }
.VertMenuBox { background: #000; color: #fff; }
.VertMenuBoxCat { background: #000; color: #fff; }
.VertMenuBorder { background: #2B2B55; }
.VertMenuTitle { border-bottom: 2px solid #000; border-top: 1px solid #FF7D7D; padding: 2px 4px 2px 7px; color: #7FFF00; background: #9F0000 url('images/toptab_bg.gif'); font-weight: bold; vertical-align: middle; }
.VertMenuSubTitle { background: #AFAFAF; }
.VertMenuTitleIcon { margin-left: 8px; margin-right: 8px; width: 21px; height: 20px; vertical-align: middle; }
.VertMenuItems { color: #7FFF00; text-decoration: none; }
.VertMenuItems a { color: #7FFF00; text-decoration: none; }
.VertMenuItemsSmall a { color: #7FFF00; font-size: 10px; text-decoration: none; }
.VertMenuItems a:hover { color: #FF2626; text-decoration: underline; }
.VertMenuHr { color: #82000; }
.CategoriesList { font-size: 12px; }
SO -- let's figure this out... use WEBMASTER MODE to determine which tempate file is involved in your categories...
ahh... categories.tpl --- ok, look inside categories.tpl and you'll see the formatting:
Code:
{foreach from=$categories item=c}
<font class="CategoriesList"><a href="home.php?cat={$c.categoryid}" class="VertMenuItems">{$c.category}</a></font><br />
{/foreach}
Ok... this tells us the class, CategoriesList is probably the guilty party here... what if you made
.CategoriesList { font-size: 10px; } -- now does it hurt less?
This is how you will edit your store -- one group of elements at a time.
Got it?
Welcome to css!