Changing the distance of Menu Navigation Pages

I was wondering where I go about changing the look of the menu items. I wanted to have them in there own "block" looking thing, as well as have them separated a little more like this theme. A perfect example of what i'm looking for is a menu like this:

1. Pages are separated a bit.
2. There's a distance between each choice.

Any help, would be great, thank you so much.


XenForo moderator
Staff member
The relevant section of Style Properties is Header and Navigation.
You will be able to do the basic structure there, for any complex styling you may have to utilise EXTRA.css and expand on the existing classes which aren't exposed in Style Properties.
Also have another question, is there a way to restore all the default settings in the style properties? I been playing around with the colors, and I was just wondering if i can set it all back to default colors?