Centering Header Links in Blogger Dynamic Views

Before

After

Here's a quick one. When you start adding pages links to your header bar, they will be right-aligned by default. In this post, I'm going to show you how you can bring them to the center. Let's cut to the chase shall we?

Go to Dashboard --> Template --> Customize --> Advanced --> Add CSS --> paste the following code --> Press enter after the last character of the last line } --> Apply to Blog. 

?

1 2 3 4

.tabs{ width: 80% !important; text-align: center !important; }

If the links aren't exactly centered, adjust the value 80% accordingly till they are centered. Since the Template Designer's live preview box is not working, you need to click on 'Apply to Blog' and see the changes on your actual blog. Using a high 'width' value could force your pages links to go into a drop-down mode.

All the best!

You might also like: