Just Info Centering the Post title (or Page title) in your Blog
Sunday, 20 January 2019
Article,
Blog layout,
Blogger,
CSS,
Titles,
ZZ - needs 2017 theme review
Edit
This article is about how to centre-align the title that is shown for all Posts and Pages in blogs made with Blogger.
Center/Centre alignment
choose the colour and font-size of the Post title. This is true even for most Layout templates (ref: What type of template does my blog have?) though some don't have an 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 centre.
But this is very easy to do, provided you're willing to accept the disadvantages of editing your blog's layout template.
To centre-align the post title, simply add this rule to the CSS section of your blog's layout template:
What type of template does my blog have?
Advantages and disadvantages of editing your blog's layout template
Changing colors in your blog
Sumber http://blogger-hints-and-tips.blogspot.com
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 centre.
But this is very easy to do, provided you're willing to accept the disadvantages of editing your blog's layout template.
To centre-align the post title, simply add this rule to the CSS section of your blog's layout template:
h3.post-title{See Adding a new formatting rule to your template if you need help with editing your template to add the rule.
text-align: center;
}
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;
}
Related Articles
Adding a new formatting rule to your templateWhat type of template does my blog have?
Advantages and disadvantages of editing your blog's layout template
Changing colors in your blog
Sumber http://blogger-hints-and-tips.blogspot.com
0 Response to "Just Info Centering the Post title (or Page title) in your Blog"
Post a Comment