How to remove borders of rounded buttons

  • Author
    Posts
  • #763885

    nikhilpingle
    Member

    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

    #763985

    auxclass
    Member

    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.

    #764072

    nikhilpingle
    Member

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

    #764079

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

    nikhilpingle
    Member

    Thank you!
    It worked! :)

    #764164

    You are welcome.

The topic ‘How to remove borders of rounded buttons’ is closed to new replies.