Blog Design: Navigation Bar

This was something that was bugging me for ages and after searching Google for hours I finally found out how to do it. So I thought I would share the code with you.

When you first add a navigation bar at the top of the screen the buttons will be positioned to the left.

First you will need to click on Template after you have opened your blog.

You will then need to click on Customise.

Then select Advanced and the Add CSS.

After copy this code into the Add Custom CSS box.

.PageList {text-align:center !important;}

.PageList li {display:inline !important; float:none !important;}

Your navigation bar will now be centered.

From This:

To This: