Remove Border And Shadows From Your Blogger Images - Helper Blogger

Helper Blogger

Blogger Widgets | Templates | Tutorials

    • Latest

    Wednesday, 11 April 2012

    Home Blogger Tricks HTML And CSS Tricks Remove Border And Shadows From Your Blogger Images

    Remove Border And Shadows From Your Blogger Images

    If you want to remove borders and shadows of your images in your blog then here I have a simple trick to remove border and shadows of your blogger images.We will do this with using a small piece CSS code.Just follow my steps carefully,


    How To Remove Border & Shadows Of Your Blogger Images?


    1. Go to Blogger Dashboard > Design > Edit HTML
    2. Download/Backup your template
    3. Now search for ]]></b:skin>
    4. Add below code just above ]]></b:skin>

    .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;
}


    Now save your template and refresh your blog.Now your blog should appear without any borders and shadows.

    Enjoy !
    Tags
    Share This
    Author Image

    About Rahul

    By -
    Labels: ,

    46 comments:

    1. TwistIdea12 April 2012 at 21:08

      Hi,Your Blog is very nice.Templete is also good.I also have templete like your on my blogger blog.But I have some problem.I want add "Social bookmarking buttons" and "Recommended for you" Widgets for my Blog.But when I try to add them,I did everything right but widgets didn,t apear on my blog.Please,can u help me?

      ReplyDelete
      Replies
      1. Rahul12 April 2012 at 21:38

        First of all thanks and which type of social bookmarking button do you want ? Please use our contact form and send me the details.

        Delete
      2. TwistIdea12 April 2012 at 23:37

        This comment has been removed by the author.

        Delete
    2. Julia26 April 2012 at 01:18

      Hey Rahul,
      This is awesome and it worked for me!
      You can't image I rammaged through the web for the last 2 hours to make it happen! Hurray.
      http://garderobeme.blogspot.co.uk/

      ReplyDelete
      Replies
      1. Rahul26 April 2012 at 07:09

        Nice.This is a simple and little CSS trick :) But changes a lot :D

        Cheers

        Delete
    3. Anonymous29 April 2012 at 01:34

      A Sixer with a small code. Gr8 job.

      ReplyDelete
    4. lindsey9 May 2012 at 04:13

      sadly didnt work for my blog!

      ReplyDelete
    5. louise9 May 2012 at 21:07

      it didn't work for my blog either....http://lv-inlovewith.blogspot.co.uk/ please help!

      ReplyDelete
      Replies
      1. Rahul9 May 2012 at 21:21

        Just visited to your blog and it is working then what is the problem???

        Delete
    6. Eranda Gunathilaka12 June 2012 at 23:40

      It worked,
      Thanks

      ReplyDelete
      Replies
      1. Rahul16 June 2012 at 15:32

        It always works :) Because it is simple CSS code :)

        Delete
    7. -24 June 2012 at 19:10

      This comment has been removed by the author.

      ReplyDelete
    8. Ashley Turner3 July 2012 at 17:38

      Thanks for this! Super helpful :-)

      ReplyDelete
    9. Unknown6 July 2012 at 09:56

      Not Working .. My Blog http://cheatspedia.blogspot.com/

      ReplyDelete
      Replies
      1. Rahul6 July 2012 at 17:27

        Just checked out your blog,the problem was causing because of .single img CSS property.Here I have simple solution,

        find below code in your template,

        .single img {
        margin: 5px;
        max-width: 550px;
        border: 1px solid #CFCFCF;
        padding: 4px;
        }

        remove below line,

        border: 1px solid #CFCFCF;

        Save your template and you are done :)

        Delete
      2. Unknown6 July 2012 at 19:48

        Thanks You Rahul Ippar u r awesome.

        Delete
    10. Belinda19 July 2012 at 15:18

      Thank you!! Been trying to find the answer to this for ages!

      ReplyDelete
    11. http://fashioninthe805.blogspot.com/25 July 2012 at 13:17

      THANK YOU THANK YOU THANK YOU!

      ReplyDelete
    12. Syed Bahadur Shah5 August 2012 at 21:20

      This comment has been removed by the author.

      ReplyDelete
    13. Ripped Ears23 August 2012 at 23:42

      This comment has been removed by the author.

      ReplyDelete
    14. Anonymous3 September 2012 at 20:07

      This is fabulous and works well, but I was wondering if there was a way to make the border on select image show up. I post book reviews on my blog and love the border on the book covers, but I would like to be able to post other images without the border being there.

      ReplyDelete
    15. Alina5 October 2012 at 14:48

      I have been visiting various blogs for my Remove Background research. I have found your blog to be quite useful. Keep updating your blog with valuable information... Regards

      ReplyDelete
    16. Unknown7 October 2012 at 06:17

      Thank you so much. This really helped.

      ReplyDelete
    17. Anonymous11 October 2012 at 20:19

      Thanks a lot for the useful information, i love your writings bro.

      ReplyDelete
    18. inkandglasses15 October 2012 at 22:10

      this works wonderfully. thank you for this.

      ReplyDelete
    19. Sie Cajilig25 October 2012 at 21:52

      Didn't work for me. T.T

      http://pastelrave.blogspot.com/

      ReplyDelete
    20. Savings15 November 2012 at 03:08

      why does google want borders around images in the first place?

      ReplyDelete
    21. Dan Burrows25 January 2013 at 22:24

      Thanks so much for this! The other tutorials were not working, this did. Awesome job.

      ReplyDelete
    22. Anonymous24 March 2013 at 07:14

      working... thanks a lot for sharing this tutorial with us...

      ReplyDelete
    23. Unknown7 April 2013 at 15:21

      Worked smoothly. Thanks!

      ReplyDelete
    24. Live The Look9 April 2013 at 11:07

      doesnt work on mine. Can you please help?

      http://www.livethelook.blogspot.ca/

      ReplyDelete
    25. Touch of Ju20 May 2013 at 22:06

      Not working on mine... Can you you help please?
      www.touchofju.blogspot.com

      ReplyDelete
    26. Anonymous2 June 2013 at 13:28

      thanks it worked for me.

      ReplyDelete
    27. Anonymous2 June 2013 at 13:38

      I am having problem in browser compatible in my blogger template, i have been downloaded labnol like blogger template from some kb tricks, unfortunately i found my blog does not displaying properly in IE and chrome old versions after i updated this template and post heading also interfere label, post date displaying. Please help out of this thing, reply me sir.

      ReplyDelete
    28. Mian Muhammad Awais24 December 2013 at 23:01

      sorry ........... not working on my blog
      http://earnmoneyonline19.blogspot.com

      :( :( :(

      ReplyDelete
    29. haidykewan7 January 2014 at 07:22

      not working in my blog ..... please help me
      http://themosteffictive.blogspot.com/

      ReplyDelete
    30. Unknown25 January 2014 at 10:51

      I am also working with it. I love to work with remove background from the image. You have done a very good job.

      ReplyDelete
    31. Unknown8 February 2014 at 14:51

      Wow, That's a nice method...... If I want to remove background from image, is Photoshop is perfect?? or gimp?

      http://clippingpath.in/clipping-path-service/

      ReplyDelete
    32. Unknown12 February 2014 at 08:08

      This comment has been removed by the author.

      ReplyDelete
    33. Unknown12 February 2014 at 08:10

      I was searching from long time of this code for my glamor retouching and ghost mannequin blog, at last I am success by your help. Most fabulous job done by you.

      http://clippingpath.in/digital-makeup/

      ReplyDelete
    34. Unknown2 April 2014 at 14:23

      Thanks so much for this! The other tutorials were not working, this did. Awesome job.

      photo background remove

      ReplyDelete
    35. Unknown14 May 2014 at 08:37

      Can this work on widgets as well? I'm trying to remove the borders and shadows for selected widgets. It's working on Chrome but not on other web browsers.

      ReplyDelete
    36. Stephanie Chung2 July 2014 at 18:15

      How to remove the shadow and border of only the gadget images and leave in the post images?

      ReplyDelete
    37. Clipping Solutions30 April 2018 at 16:07

      Hey Rahul, It's a great job man. Really your post was helpful for me.Thanks
      Best Regards
      Robert smith

      ReplyDelete

    If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account). PLEASE DO NOT SPAM

    Subscribe to: Post Comments (Atom)

    Author Details

    Hello Reader. This is Rahul, the author of Helper Blogger. Hope you have found this content useful. Do follow us on social media to stay updated with our latest widgets and tutorials. Also, don't forget to share this post using share buttons located just above.