January 25, 2012

How to remove padding from your Header

Here's another super simple blogger tutorial for you all. Do you use the Simple Template on blogger and you hate seeing the padding on the sides of your header? like this....
If you want your header to wrap around without the padding then all you gotta do is go into 
Design-->Template Designer-->Advanced and scroll down to Add CSS and paste the following code:
.content-inner {
padding: 0px;
}
if you notice (in your preview section) that your header has gone off to one side then you have to adjust your entire blog width for your header. You can play with it and see the changes in the preview section before clicking "Apply to Blog"....
If you are happy with what you see then go ahead and click the Apply to Blog button!
Hope this tutorial was helpful. You can find more of my tutorials here.
Photobucket

20 comments:

  1. Oh, this is wonderful information! Thanks for letting the rest of us know!

    ReplyDelete
  2. Hi Cindy! I have been making my way through all your tutorials - love them - such easy fixes that make a big difference. I was wondering if you had a quick code that allowed me to center my picture in the header too? Now that I have my page bar centered, and my padding removed, my silly picture is floating all the way to the left! Any suggestions?

    ReplyDelete
  3. Thank you Cindy! Just what I needed! :)

    ReplyDelete
  4. Thank you, finally it worked! I had been looking in the actual HTML format and could not find the spot to apply the changed info.

    ReplyDelete
  5. Is there something similar I can do for removing the padding on my entire blog?

    This already is great!

    Iris♥

    ReplyDelete
  6. Worked perfectly, thank you so much! :)

    ReplyDelete
  7. This is brilliant, thank you! It was driving me crazy!

    ReplyDelete
  8. Excellent! This has been driving me crazy and I couldn't locate which CSS to tweak. Thank you for making this so simple! :)

    ReplyDelete
  9. Thank you! this was so much easier than I anticipated!

    ReplyDelete
  10. Horey... It`s fixed! thank you, I appreciate you for taking the time out of your day to share the great part from your experiences and honestly I got it at the best point. If you have another free time would you please share your thought on our newly added product here http://www.royalgorden.com/. Thank you in advance and have a great time...

    ReplyDelete
  11. This is EXACTLY what I needed! I've been trying to figure out how to do this all day. Thank you thank you thank you!

    ReplyDelete
  12. Brilliant thanks :) can you tell me how to create and add an image that will fit please.

    ReplyDelete

I would LOVE to hear from you! :)