how to center "everything" on your blogger blog

I thought you girls would think this would be helpful and good to know! :)

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

CODE TO CENTER YOUR HEADER IMAGE:

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

TO CENTER YOUR HEADER’S TITLE AND DESCRIPTION (TEXT):

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

CODE TO CENTER YOUR POST TITLES:

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

CODE TO CENTER YOUR POST DATES:

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

CODE TO CENTER YOUR GADGET TITLES:

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

CODE TO CENTER YOUR SIDEBARS:

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

CODE TO CENTER YOUR TABS (MENU):

.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}
Don’t forget to click Apply To Blog. And, you’re done!
---
-M

No comments :

Post a Comment