Centering Items in Blogger


Log in to your Blogger account, go to Template > Customize > Advanced > Add CSS

1. Code to center you Header Image

#header-inner img {margin: 0 auto;}

2. Code to center you blog's Title and Description (text only)

#header-inner img {text-align: center;}

3. Code to center your Post Titles

.post-title {text-align:center;}

4. Code to center your Post Dates

.date-header {text-align:center;}

5. Code to center your Gadget Titles

.section-columns h2, #sidebar-right-1 h2, #sidebar-left-1  {text-align: center;}

6. Code to center your Sidebars

.main-inner .column-left-inner, main-inner .column-right-inner {text-align: center;}

7. Code to center your Tabs (menu)

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

Make sure you APPLY the changes and then you can enjoy your new layout!!

No comments

Post a Comment

Join in on the conversation!