Align Post Footer Elements

We realized that in some templates like the Rounders Template, the post footer elements such as Comments link, Email Post link and Labels are aligned to the right.



This looks pretty odd in some Blogs where there are many Labels to a post. To align these elements to the left, go to Template -> Edit HTML and scroll to this part of the template code:-

.uncustomized-post-template .post-footer { text-align: left; }

Change the text alignment to “left” (as shown above). Preview the template.

It should now look like this:-



If you are using other templates, the selectors and classes may be named differently. Search for the word “post-footer” and see if you can insert a text alignment code to it.

To shift the positions of these Post Footer elements, you may refer to our guide titled Arrange and Customize Blog Posts Elements.

© Tricks for New Bloggers