September 1, 2015

Blogging Tips | How To Centre Everything On Your Blog


Ever wonder how to centre your tabs? Or post titles? Well wonder no more! Here are the codes you need!

First you need to know where to enter the codes. Click Template > Customize > Advanced > Add CSS.

to centre your header image
 #header-inner {
background-position: center !important; 
width: 100% !important;
text-align: center;
}
#header-inner img {
margin: auto;
}


to centre post dates
.date-header {text-align:center;}

to centre post titles
.post-title {text-align:center;}

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


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

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


So that will pretty much cover anything you want to centre on your blog. If you have any questions feel free to ask! 


Happy Blogging!



2 comments: