How To Centre Your Pages in Blogger

Tuesday, 9 December 2014

Hi everyone,

So, in my complete blog over haul a little while ago, I did a lot of HTML stuff and coding and all sorts because I had a very particular idea about what I wanted my blog to look like. So it meant a lot of customisations and frustration for me.

But, I now feel kind of knowledgeable about some stuff and I thought I'd share my new found knowledge with you! Bear in mind that I'm still not super HTML and CSS savvy, so while you are of course free to ask me any questions that you may have, I may not be able to answer all of them.





Today's tutorial is going to be super easy, but is something that makes a huge difference, in my opinion. As you may have noticed, my blog design has travelled a lot more to the centre since I updated it and today I'm going to show you to centre your page list in Blogger. On that note, my blog is built with Blogger and I have approximately zero knowledge on how to do this stuff on Wordpress or any other blogging platform so please don't ask me on stuff like that. :)

First off you are going to need to save a copy of your current template so that if everything goes belly-up and you think you have wrecked your blog beyond repair, then you can easily restore it to it's previous state (none of which should happen because this is really easy). You can do this by going into Template and clicking on the Back/Up Restore button and selecting Download Full Template.



Once you've saved your template, you need to go into Customise, select Advanced from the menu on the left and scroll down and click on Add CSS.

Now, in that box you need to copy and paste this code:

.PageList {text-align:center !important;} .PageList li {float:none !important; display:inline !important;}



Click apply to blog and that's it! Go view your blog and marvel at how beautiful your centered page titles look.



No comments :

Post a Comment

Getting, reading and replying to your comments make my day, so please go and and tell me your thoughts.