free hit counters
If you are using Internet Explorer as your browser please be running at least IE 7 or above. This site does not support IE 6 or below. Go here for the latest free version including easy download and installation instructions If you want to make it real easy on yourself, download Firefox , the most popular browser in the world. It's free and simple. You'll be so glad you did.
May
15
2009

Move the tagline to a different spot in the header

There are a couple of different ways you can move the tagline inside your header.

1651

166

One way is to just play around with the different margins on all sides. In your custom.css add this…

.custom #header #tagline {
margin-left: Xem;
margin-right: Xem;
margin-top: Xem;
margin-bottom: Xem;
}

Replace X with a number that gives you the desired effect

The only drawback with this is that when you play around with the top and bottom margins it will increase or decrease the total height of your header area as you increase or decrease the top and bottom margins.

The alternative, give the tagline an absolute position and then place it along it’s x and y axis’ from the top of the page with the following in your custom.css…

.custom #header #tagline {
position: absolute;
top: Xem;
left: Xem;
}

Replace X with a number that gives you the desired effect

Leaving a comment with code in it...

If you would like to leave a comment and you have examples of code you want to show, you must "escape the code". This allows the entire code to show correctly by inserting certain variable around certain tags to make them show. If you don't "escape the code" your code will show up broken, mangled, and it won't be able to be seen correctly. "Escaping the code" is very simple...

  1. Copy your code you want to show
  2. Click here to go to the site to escape the code
  3. Follow the directions, it's so easy
  4. Once you have the escaped code copied, paste it in the comments area where you want
  5. Now you can enjoy life


Go ahead, leave a comment...

Leave a Comment

Previous post: Add a drop cap to your post or page

Next post: Change the color of the tagline in the header