-
Simple, first activate the advance design features in your site if not done already (Home>Web Site> Site Actions>Activate Advance Design features)
-
Click on Design Site and select Style Sheet (make sure the Site Designer tab is selected)
-
With the Style Sheet window check the box next to Apply custom CSS code to my Web site.
-
Add the following CSS code to your site:
.MSC_PrimaryNavFrame
{
background:#626262;
width:100%;
margin:1px 0px 5px 0px;
text-align:left;
}
.MSC_PrimaryNavLink
{
color:#ffffff;
font-size:12px;
text-decoration:none;
}
.MSC_PrimaryNavLink:hover
{
color:#ffffff;
font-size:12px;
text-decoration:underline;
}
.MSC_PrimaryNavLink:visited
{
color:#ffffff;
font-size:12px;
text-decoration:none;
}
.MSC_PrimaryNavLinkFrame-On
{
background:#E3FAE7;
white-space:nowrap;
padding:5px 10px 5px 10px;
}
.MSC_PrimaryNavLink-On
{
color:#325884;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
.MSC_PrimaryNavLink-On:hover
{
color:#325884;
font-size:12px;
text-decoration:underline;
font-weight:bold;
}
.MSC_PrimaryNavLink-On:visited
{
color:#325884;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
.MSC_PrimaryNavLeftSpace
{
width:1px;
white-space:nowrap;
background:#000000;
font-size:1px;
}
.MSC_PrimaryNavRightSpace
{
width:1px;
background:#F4F1D7;
white-space:nowrap;
font-size:1px;
}
.MSC_PrimaryNavTopSpace
{
height:1px;
background:#000000;
}
.MSC_PrimaryNavBottomSpace
{
height:1px;
background:#F4F1D7;
}
-
Good Luck