Friday, November 6, 2015

Tutorial | How To Use CSS To Center Your Blogger Pages

As with my previous post, today I am covering a super easy way to center your blogger pages by just adding a tiny amount of CSS coding into your template. And we won't even be doing deep into your blogs template! Yay!

Centering your navigation pages gives a cleaner look to your blogs overall feel. Here's the easiest way to add CSS to your code and make those pages centered like a boss.

Ready to make your blogs pages centered and polished? Click Click!
For this tutorial you need to go to your blogs dashboard >> template >> customize >> advanced. Then you're going to scroll down until you see ADD CSS.

Click in the box and then copy and paste this code:

#header-inner {
background-position: center !important;
width: 100% !important;
text-align: center;
}
#header-inner img {
margin: auto;
}


You'll need ho hit "enter" on your keyboard and you should then see the changes applied right in the previewer. Then click on the "Apply Changes" button at the top right and you are all finished!

Start the discussion:

Have you centered your blogs navigation yet?

Happy Blogging!


No comments:

Post a Comment