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

(4 posts) (2 voices)

foxhunter
Member

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?

Posted 6 months ago #
Prasanna SP
Moderator

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.

Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.

Posted 6 months ago #
foxhunter
Member

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

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

Posted 6 months ago #
Prasanna SP
Moderator
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;
}
```
Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.
Posted 6 months ago #

Topic Closed

This topic has been closed to new replies.