WordPress.com

1. nikhilpingle
   Member
   Nov 29, 2011, 5:00 AM

   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

2. auxclass
   Member
   Nov 29, 2011, 5:18 AM

   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.

3. nikhilpingle
   Member
   Nov 29, 2011, 3:11 PM

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

4. thesacredpath
   Staff
   Nov 29, 2011, 5:36 PM

   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;
   }

5. nikhilpingle
   Member
   Nov 30, 2011, 12:28 AM

   Thank you!
   It worked! :)

6. thesacredpath
   Staff
   Nov 30, 2011, 12:29 AM

   You are welcome.

Topic Closed

This topic has been closed to new replies.