Pages

▼

Sunday, 22 January 2012

How To Delete the faint line / grey box around Pictures in Blogger


I have just taken part in tonight's #bbloggers chat on Twitter which was on the subject of HMTL/blog layouts. You may have noticed that today I have been tweaking my blog layout and making some slight changes. Thanks to help from Maria you can now view all the giveaways in the tab bar below the blog title and I now have a review tab so you can easily see all product reviews. I am slowly going through my blog archive to check that all my reviews have been tagged correctly!  


Since Blogger made changes I've been trying to work out how to get rid of those annoying faint grey lines around my pictures! After some guidance tonight on the #bbloggers chat I have now removed them. I had a number of tweets asking for help so thought I would quickly post how I did it to help you!


If you are using the new Blogger Interface (not dynamic views):


Go to your Dashboard - Template - Customize - Advanced - Add CSS - then paste the following code - Press enter after the last character of the last line } - Apply to Blog. 

?
1
2
3
4
5
6
7
8
9
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}
Ta da! The boxes around your photos should have disappeared! If you have any other suggestions as to how I can improve my layout then feel free to comment below.

Hope this is helpful to everyone!
at

9 comments:

  1. Unknown22 January 2012 at 22:08

    thanks a lot for advice! ;-)

    ReplyDelete
  2. Emily Wu23 January 2012 at 02:17

    It worked!!! Thank you so much :D

    http://17fmilkyway.blogspot.com

    ReplyDelete
  3. Natalia25 January 2012 at 21:45

    That was really helpful thank you!! :) Just wondering how you also managed to get your giveaway posts to go under the giveaway page! I'm trying something on my blog where i was all posts together under one page but have no idea where to start!

    ReplyDelete
  4. Double The Distance5 February 2012 at 12:23

    Thank you soooo much!! This was driving me absolutely insane!

    ReplyDelete
  5. Unknown26 February 2012 at 18:29

    The exact blog tip I was looking for. Thanks for sharing it.

    ReplyDelete
  6. Shelly Sitz14 July 2012 at 21:52

    Thank you so much!!

    ReplyDelete
  7. Abby Bozman19 September 2012 at 01:42

    You rock! Thank you so much! This was driving me crazy! :)

    ReplyDelete
  8. Sadie's Wardrobe13 December 2012 at 21:01

    Thanks! This was really handy!

    ReplyDelete
  9. alicia king28 April 2013 at 02:04

    thank you SO MUCH!
    it was driving me nuts...and I searched under everything to try and make it go away!

    http://thepolkadotbarn.com

    ReplyDelete

Thank you for Commenting!