Hey guys,
I am trying to adjust the width of menu items within my nav bar, specifically increase the left and right margins of each item to space them out a bit.
I have tried fiddling with the menu section of the style css -
/* =Menu
-------------------------------------------------------------- */
#access {
font-size:11px;
background:#B5D1EA;
border-top:1px solid #CADEF0;
margin-top:-1px;
}
.skip-link {
display:none;
}
#menu {
padding:7px 0 8px 0;
overflow:hidden; /* clears the inner float */
}
#menu ul {
margin:0;
list-style:none;
clear:both;
}
#menu ul ul {
display:none;
}
#menu li {
display:inline;
}
#menu a {
display:block;
float:left;
margin:0 10px 0 0;
padding:1px 6px;
background:#87B5DD;
color:#fff;
border-top:1px solid #6DA5D6;
text-decoration:none;
}
#menu a:hover {
background:#5C9BD1;
color:#fff;
border-color:#3B86C7;
}
#menu .current_page_item a {
background:#5C9BD1;
color:#fff;
border-color:#3B86C7;
}
#menu a:focus {
background:#4887BD;
color:#fff;
border-color:#2772B3;
}
Can anyone tell me where I would have to make the changes to get the menu items to be more spaced out that they currently are?
Thank You,
Knight
