How to Align Blogger Menu/Page View

Hello!

    Dear friends my name is ARYA KHAN today I am going to show you how to align blogger page list/menu. with a CSS code.

    If you’re a Blogger user, you know that the Pages widget is a little less than pretty. Sometimes you want it to line up properly with the rest of your layout and not appear aligned to the left as it is by default.  I already showed you how to center your Blogger header, so now I wanted to show you how to center the Blogger Pages menu as well.

    The code is simple really. All you need to do is head on over to your Template/Theme page, click the Customize link, and scroll down to where it says Advanced in the top left hand menu/CSS.

From there

Align Center Code:

.PageList {text-align:center !important;} .PageList li {float:none !important; display:inline !important;}

    This will center the Page tabs within your content area. Want to customize it even more and remove those ugly border lines? Check out this post.

And that’s all! Of course, don’t forget to save your changes. Thank You!

Next Post Previous Post