Theme Twenty twelve: want to remove borders around my blog widget images

  • Author
  • #1266928



    I have a bunch of png images lined up on my sidebar (social media icons). None of these images have a border in them. however once I insert it, twenty twelve theme creates a slight border around each image (same behavior with smileys and such in my blog posts).

    Can this border be removed through css/html tricks?

    The blog I need help with is


    This removes the box shadows from images in the sidebar.

    #secondary img {
    box-shadow: none;

    This does not affect the good reads widget borders. I can’t seem to find a way to get rid of those with CSS.



    Thanks, this worked like a charm :)



    I too am trying to remove the borders from my social media icons using the Forever theme. I inserted the above code into my custom css and the border is still there. Am I doing something wrong?

    The icon can be found at

    Thanks so much!


    CSS is theme specific and this thread is about the twenty twelve theme. If you could please start a new thread on this to help prevent future confusion in the CSS forum, I will watch for it.


    Forever is a border rather than a box shadow so change the CSS to this.

    #secondary {
    border: none;

The topic ‘Theme Twenty twelve: want to remove borders around my blog widget images’ is closed to new replies.