Center Tabs for Pages

Monday, August 27, 2012

Todays tutorial is to center page tabs below your header. Its really quite simply & easy to do, first thing is to add pages gadget and place it under your header.



Click Design > Template Designer > Advanced > Add Css & Paste the following code;

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


Click enter, then apply to blog.



Alternative

If this doesn't work, you could always add this code, to push the tabs over

#PageList1 {
position: relative;
left: 50px;

}

Press preview, Change this number to whatever suits your blog.