How can I remove the default image border from a single image?

  • foxhunter

    #6210

    I have a few images on the homepage and other pages that would be better served without the default grey box. How can I remove this box on a specific image, but leave it as default for most of the other images?

    Prasanna SP

    #33679

    Can you provide link to the page where that image is located? You may need to add CSS classes to the image to target specific images. Or, wrap the image with div tag with unique ID. That way we can remove border around specific images.

    foxhunter

    #33680

    I would like to do it on multiple pages with different images, but here is an example:

    http://www.expertinsurancereviews.com/get-insurance-quotes/

    Prasanna SP

    #33681

    Put those images within <div class="no-image-border">image</div> tag and use this CSS,

    .no-image-border .entry-content img, .no-image-border .child-page img {
    border: none;
    }
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.