Need help? Check out our Support site, then

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

  1. Hi,

    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

  2. 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.

  3. Thanks, this worked like a charm :)

  4. 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!

  5. 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.

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

    #secondary {
    border: none;

Topic Closed

This topic has been closed to new replies.

About this Topic