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

  • Author
    Posts
  • #1266928

    nishikk
    Member

    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 nishitak.com.

    #1267082

    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.

    #1267089

    nishikk
    Member

    Thanks, this worked like a charm :)

    #1267091

    danilocklear
    Member

    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 forageandfodder.com

    Thanks so much!
    Danielle

    #1267095

    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.

    #1267096

    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.