Venus Trapped in Mars

05 October 2013

Saturday Sessions: How To Remove Extra Space Between Blogger Images







Before you start this tutorial, it is always a good idea to backup you blog!

First things first, make sure you aren't leaving any space between the images you uploaded.... If you don't do this first, then the rest of this tutorial is pointless. 


Solution #1 : Add CSS Code
This will work for 90% of you. (Don't worry other 10%, if it doesn't work, I've got a backup for you)


Where it says paste CSS Code Here....
Copy and paste this code. Be sure to hit enter after pasting

.post-body img {
margin-top: 0px !important;
}

Then hit apply to blog and check to see if it worked! 

Did it work? Yes! Cool. Goodbye. 
---
Did it work? No? Ok. Hi, lets try this...

Solution #2:






Did it work? Yes? Cool. Goodbye.


If it didn't work. Blame the government shutdown. Not me. 

23 comments :

  1. Thanks for this awesome tutorial. I got so frustrated with this the other day that I wanted to throw my computer out the window. Problem solved.

    ReplyDelete
  2. Bahahah I like the last sentence.

    ReplyDelete
  3. How are you such a mindreader?! I was JUST going to figure out how to do this today, glad I checked my reader first. Thanks!!

    ReplyDelete
  4. my fave is the "like um anyways" template.

    ReplyDelete
  5. Hi Sarah, this was a great tutorial! I'm also curious how to eliminate the space between my images on my sidebar. Thank you!

    ReplyDelete
  6. Thank you thank you thank you thank you!

    That's all. :)

    ReplyDelete
  7. I love your Saturday sessions! Pease continue these forever!

    ReplyDelete
  8. Hello I am your newest follower on your blog would love for you to follow me back. Thanks :) Feel free to Like or Follow me on my other media sites!!!

    http://taracl2011.blogspot.com
    http://www.facebook.com/pages/LiveLaughLove/123392547737823
    https://twitter.com/LiveLaughhLovee
    http://pinterest.com/taracl85/

    ReplyDelete
  9. The government shut down is the cause of everything that doesn't work.

    ReplyDelete
  10. sweet niblits! I will be giving this a try ASAP!

    ReplyDelete
  11. Yea mine is not working lol somehow I am not surprised.

    ReplyDelete
  12. seriously, so helpful! fo shizzle, my ol' blog needs a serious facelift. but I am just about as techy as my mother. unfortunate, really. thanks for the tips! :)

    ReplyDelete
  13. Oh boo. I'm just a failure at trying to do this. :( I'll keep trying though!! And I absolutely love your tutorials, I don't always fail. :)

    ReplyDelete
  14. THANK YOU!! I must be that 10% because nothing has been working on the new blog I'm making. It's been SUCH a pain but with getting rid of that padding using your second method, now my text is aligned with my photo! So thanks from the bottom of my heart! (nothing's like a designer finally figuring coding out ;))

    ReplyDelete
  15. Thank you so much for the very clear explanation with images!

    ReplyDelete
  16. Hey this really helped me. Thank a lot! You're awesome.

    ReplyDelete
  17. Brilliant! Been looking for an excellent tutorial, just like this one. Going to be reading Venus Trapped In Mars a lot more!

    ReplyDelete
  18. I am so happy you have all of your Saturday Sessions in a nice little section on your blog! When I realized my photo-specific CSS was messed up, this was the first place I headed to see how to fix it. Thank you!!!

    ReplyDelete
  19. what if i want to remove the space between images of one particular blog post only? pleas help xoxo

    sydsense.blogspot.com

    ReplyDelete
  20. Thank you so much - you are in the will!!!!!!!!!!!!!!!!!
    After several weeks of angst you are the miracle worker.
    Bless your heart!! Mimi

    ReplyDelete

Comments make my heart go boom boom.

I respond to all comments, if you are leaving me comments and not getting a reply, you may be a no-reply blogger. Fix it HERE!