Monday, November 9, 2015

Centering Post Title, Tabs (Pages), Date Header & Sidebar Gadget Titles

To center you post title, tabs, date header and gadget headers, go to Customize>Advanced>Add CSS, and type the following. Hit Space key after each addition...
Code to center post title in Blogger:

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



 Code to center your Tabs in Blogger:


.PageList {text-align:center !important;}

.PageList li {display:inline !important; float:none !important;}


Code to center date header in Blogger:

.date-header {
text-align:center;


Code to center Gadget Title in Blogger:
.section-columns h2, #sidebar-right-1 h2, #sidebar-left-1  {text-align: center;}

If it all looks right, remember to Save.

That's it!

Enter your email address:


Delivered by FeedBurner
Follow on Bloglovin
follow us in feedly

4 comments:

  1. I always learn something from your tips, Brenda!

    ReplyDelete
  2. Brenda, thanks a lot for this very useful blog! My co-worker from paperwriting.xyz just started blogging and she has a lot of questions, that's why I think I'll advice her your blog. It will be very interesting for her to read your articles.

    ReplyDelete
  3. I recently found this post quite helpful, as I was restyling my blog. Thank you!

    ReplyDelete