Saturday, 8 November 2014

How to Centre Stuffs on Blogger & a Simple Step by Step Work Around on Blogger

Log in to your Blogger blog, go to Template > Customize > Advanced > Add CSS
then copy & past just the code, leave the bolded heading of the post below, just copy the css code below on the one you want for your blog into the add css box space of your blog & click apply to blog to effect the changes. 

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 {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 after you've copied & pasted the css code to your blogger ADD CSS code box space . And, you’re done!

Don't hesitate to let me know if there is anything else you would want a help with a work around with on blogger I’ll do my best to to continue to update this post for any thing concerning blogs & blogger.
Drop questions, updates, and views at the commentary section!!!
Announcement: You must be 18+ to be eligible to use TGSFORUM.Goto-HomePage.

No comments: