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

• 

  nishikk · Member · May 14, 2013 at 9:07 am

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  thesacredpath · Member · May 14, 2013 at 6:27 pm

  • Copy link

  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.

• 

  nishikk · Member · May 15, 2013 at 5:04 am

  • Copy link

  Thanks, this worked like a charm :)

• 

  danilocklear · Member · May 15, 2013 at 1:37 pm

  • Copy link

  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

• 

  thesacredpath · Member · May 15, 2013 at 2:57 pm

  • Copy link

  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.

• 

  thesacredpath · Member · May 15, 2013 at 3:00 pm

  • Copy link

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

  #secondary {
  border: none;
  }