[kimpatt]

Hello there,

I’m trying to adjust the spacing above and below my menu. I’d like to also make the font larger. This is what I was trying to do — you’ll see why it doesn’t look very nice.

How do I get more white space above and below the words and make sure that they’re centered vertically?

Here is the code I currently have in my Custom CSS:

#content ol a {
color: #343284;
}

#content ol a:hover {
color: #595959;
text-decoration: none;
}

/* unvisited link */
a:link {
color: #333280;
}

/* visited link */
a:visited {
color: #333280;
}

/* mouse over link */
a:hover {
color: #595959;
}

/* selected link */
a:active {
color: #333280;
}

#access li {
margin-right: 65px;
}

#access ul li ul li {
margin-right: 0px;
}

[Theme Horse Support Team]

Hi kimpatt,

To have the more white space above and below the menu paste below code in the custom css:

.hgroup-wrap {
    padding-top: 25px;
    padding-bottom: 75px;
}
#access {
    margin-bottom: 70px;
}

And to make the font larger for the menu paste below code in the custom css:

#access a {
    font-size: 26px;
}

Thank you !

[Author]

Posts