Using Blogger's CSS to Center Objects

Do you have a blog with Blogger? Do you have pictures in the sidebar, page menu items up top, and Adsense boxes down below that are not centered? Are they all aligned Left or Right? Well here's a quick fix for you!

Blogger doesn't do a very good job at allowing you to change the alignment of  pre-built Gadgets (actually, you had no choice, until now) If you added an image using the Image Gadget there was no choice to align it. Follow the steps below to create a care-free blog of centered bliss.

First log into your account and go to the design main screen.

Click on Customize ----> Advanced, and scroll down to "Add CSS". There you will see an empty white box, this is where you'll add the code.

Now copy the following code and post it in the "Add custom CSS" box.

.PageList {text-align:center !important;} .PageList li {display:inline !important; float:none !important;} .Image img{ display: block; margin-left: auto; margin-right: auto; } .AdSense{ text-align: center; }

Once you place the code in the CSS box make sure you hit 'Apply to Blog' to save the changes.

So what does it do? The first set of code that contains the .PageList, centers the page menu bar. The second code, the .Image, will center anything that contains the image tag (all image gadgest added in the sidebar). And the last, the .Adsense, centers, well, all adsense gadgets added. Use all 3 codes, or just what you need - it's up to you.

Hope this helps, thanks for stopping by.