Need help? Check out our Support site, then


How to remove borders of rounded buttons

  1. 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. 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. sorry,
    here is the link:
    http://nikhilpingle.com/contact/

  4. 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. Thank you!
    It worked! :)

  6. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic