How Center Aligned Your Blog Post or Page Title?

Post Title Alignment Tips in Your Blog

Blogger's template designer lets you choose the color and font size of the Post title.  This is true even for most Layout templates though some don't have the option to edit the post-header.

However, it doesn't, yet, have an option to change the alignment, ie whether the title is flush with the left or right side, or in the center.

But this is very easy to do, provided you're willing to accept the disadvantages of editing your blog's layout template.

To center-align the post title, simply add this rule to the CSS section of your blog's layout template:

h3.post-title{

  text-align: center;

}

See Adding a new formatting rule to your template if you need help with editing your template to add the rule.

Right alignment?

Making the post or page title header right-aligned is just as easy:  add this rule instead:

h3.post-title{

  text-align: right;

}

Add or Remove Borders in CSS Templates

We have received a number of queries from people wanting to remove the image borders or add sidebar borders in the CSS layouts. In this article, we cover briefly what the border styles in CSS templates are and where you can find them. With this guide, you will be able to remove the borders around the images, sidebar, or main posts, or change the style and color of the borders to match the Blog design.

The point to note is that some templates such as Scribe, TicTac, and Thisaway use background images to create the look of the main post and sidebar sections. The 'borders' you see in these templates are the result of the background images. To change or remove the 'borders' around the main post and sidebar, the images will have to be altered and replaced. The sections in this article on CSS borders around Blog Posts or Sidebar will not apply to these templates.