[foxhunter]

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?

[Anonymous]

Anonymous

#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]

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/

[Anonymous]

Anonymous

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

}