...

View Full Version : nav sub menu styling problem



johndove523
01-25-2012, 07:51 PM
please see url: http://www.crozetanimalwellnesscenter.com/

The sub menu items under 'About Us'

This is a SquareSpace site and this particular template's sub menu styles are no different than the main menu styles. All I want to do is make the submenu styles font size 2px smaller than the main menu (14px instead of 16 px) and add a bottom border to separate submenu items. Within squarespace's framework, I can't quite get it right. Any help is appreciated.

Here is the code in question (from what I can gather from Firebug, and the style naming conventions are inconsistent, I know):


#navigationBottom {

}


.horizontalNavigationBar .module a {
border-bottom: 1px solid #999999;
color: #333333;
font-family: Verdana,'Lucida Grande',Arial,sans-serif;
font-size: 14px;
font-weight: normal;
letter-spacing: 0;
padding: 2px 16px;
text-align: left;
text-decoration: none;
}

.horizontalNavigationBar .active-module a {
border-bottom: 1px solid #999999;
color: #333333;
font-family: Verdana,'Lucida Grande',Arial,sans-serif;
font-size: 14px;
font-weight: normal;
letter-spacing: 0;
padding: 2px 16px;
text-align: left;
text-decoration: none;
}

.horizontalNavigationBar .module a:hover {
border-bottom: 1px solid #999999;
color: #3069A2;
font-family: Verdana,'Lucida Grande',Arial,sans-serif;
font-size: 14px;
font-weight: normal;
letter-spacing: 0;
padding: 2px 16px;
text-align: left;
text-decoration: none;
}*

Thanks.

Excavator
01-25-2012, 11:17 PM
Hello johndove523,
Those three dropped menu items are already in span tags, you could easily add a class to them and style them that way.

aaronhockey_09
01-25-2012, 11:58 PM
try something like this in your css




.horizontalNavigationBar ul li li a { font-size:14px; }

johndove523
01-26-2012, 01:18 AM
Thanks guys!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum