---------How to adjust Alignment in your Blog

Pin It

For those of you who are like me, and like to mess around with your blog, here's something simple that you can do to change the look and feel of your blog.  Personally, I like everything to be pretty well centered typically.  So all of my code will include how to center things.  However, if you replace all my instances of "center" with either "left" or "right", you'll have the same effect as indicated.

We'll work from the top of your blog town.

You will be working in the "Edit HTML" section on your Design Tab.
 Check the "Expand Widget Templates" box as shown in the image above so that you will see all of the code and not just the basics.

Type "CTRL + F" to open up the "Find" box.  Then follow the directions as indicated in each section.

Centering the Header


Centering the Description Text below the Header

Using your "Find Box," look for this code:

#header-inner {text-align: left ;}

If your blog has this code, then change where it says "left" to "center" or "right" (or from whatever it is to whatever you want it to be.

If you do not have that code, look for this code:

.header-inner .Header .titlewrapper {
  padding: 22px $(header.padding);

If you have this code, then copy the following code and place it immediately before the code listed above:

#header-inner {text-align: Center ;}

(Remember you can change center to read whatever alignment that you want)

Your finished code should look something like this:

    #header-inner {text-align: center ;}

.header-inner .Header .titlewrapper {
  padding: 22px $(header.padding);

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...