Need help? Check out our Support site, then


Remove Border in images

  1. ishitaunblogged
    Member

    Hi! I would like to remove the grey border around the images in my widget area or in the posts. Currently I am using the Inuit theme.

    Thanks in advance.
    Regards

    The blog I need help with is ishitaunblogged.com.

  2. To remove the grey border from featured images on the home page of the Inuit Types theme, try this:

    .attachment-it-thumbnail {
    background: none;
    border: none;
    }

    To remove the grey border from images in posts too, use this instead:

    .attachment-it-thumbnail, .entry img {
    background: none;
    border: none;
    }

    ^^ It's the same rule as above except it adds ".entry img".

    There is also a grey background added when you are using a caption for an image. You can see examples at http://ishitaunblogged.com/2011/10/31/smuggled-into-godfather%E2%80%99s-sicily/

    If you would also like to remove the grey background color from those captions, add this:

    .wp-caption {
    background: none;
    }

    If you find any other images that still have borders after you add the rules above, please provide a link and point out which image for us.

  3. ishitaunblogged
    Member

    Thank you so very much. Will try to do the changes and let you know how it is going. Really appreciate this a lot. Warmest regards
    Ishita

  4. Cheers :)

  5. ishitaunblogged
    Member

    These helped very very much - Thank you so much.

    Can I do the same in the side bar as well? Specially - I have 3 image icons - FB, TWITTER, MAIL ME - they are coming as three images in borders. Plus there is gap in between them. Ideally I would like all of these to appear without borders and without spaces.

    Warmest Regards
    Ishita

  6. To remove the background color and borders from around images in your sidebar and to remove all spacing except a 5px padding, try this:

    img.fl {
    background: none;
    border: none;
    margin: 0;
    padding: 5px;
    }

    Adjust the 5px padding number until you like the way it looks. You can set it to 0 if you'd like.

Topic Closed

This topic has been closed to new replies.

About this Topic