How to remove borders of rounded buttons

• 

  nikhilpingle · Member · Nov 29, 2011 at 5:00 am

  • Copy link
  • Add topic to favorites

  Hi,
  I have rounded buttons added in my post.
  My HTML code for it is: <img src=”image link” border=”none” width=”40″ hspace=”2″>

  @facebook profile link, I have my profile link added and @image link, I have link to the image stored under Media.

  Though these buttons are circular like a small tablet, they have ugly grey colored rectangle around them, I tried border=”0″, but it didn’t work.
  Also tried couple of existing solutions such as adding following code to my CSS:
  but its not working:

  img.alignleft, img.alignright, img.aligncenter {
  margin-bottom: 0;
  }

  p img, .wp-caption {
  margin-top: 0;
  }

  img[class*=”align”], img[class*=”wp-image-“], #content .gallery .gallery-icon img {
  border: none;
  }

  Please help me on this.

  Thanks

• 

  auxclass · Member · Nov 29, 2011 at 5:18 am

  • Copy link

  the blog linked to your name is empty with no buttons – we need a link to the blog you are asking about to give you accurate help.

• 

  nikhilpingle · Member · Nov 29, 2011 at 3:11 pm

  • Copy link

  sorry,
  here is the link:
  http://nikhilpingle.com/contact/

• 

  thesacredpath · Member · Nov 29, 2011 at 5:36 pm

  • Copy link

  It isn’t just a border, it is a background and and a border and it is declared here. Do “background none and border none in the following and it will take away the grey behind the buttons. Note that it will take the grey background/border away on normal images inserted into posts and pages as well.

  .hentry img, body.attachment .navigation img {
  background: none;
  border: none;
  }

• 

  nikhilpingle · Member · Nov 30, 2011 at 12:28 am

  • Copy link

  Thank you!
  It worked! :)

• 

  thesacredpath · Member · Nov 30, 2011 at 12:29 am

  • Copy link

  You are welcome.