21 June 2014

How to Centre Post Footer in Blogger

Hey bloggers, welcome back to another edition of my blog tutorials, click HERE if you're interested in reading my previous posts! Today's post is about centring your post footer in Blogger. This is a very easy tutorial that will literally take seconds!
From this:

To this:

Let's get started!
STEP 1:
Go to TEMPLATE then EDIT HTML.
In the text box, on your key board hold CTRL + F and search for ".post-footer {". You should see something like this:

.post-footer {
margin: 20px -2px 0;
padding: 5px 10px;
color: $(post.footer.text.color);
background-color: $(post.footer.background.color);
border-bottom: 1px solid $(post.footer.border.color);
line-height: 1.6;
font-size: 90%;
}
STEP 2:
Add the following code ABOVE the code you just search.
.post-footer {
text-align: center;
}
And that's it! Save it and you should see your post footer centred! If you want to have your post footer aligned to the right, simply change the word "center" from step 2, to step "right". 
post signature

No comments:

Post a Comment