Remove shadow around certain images

This topic has 7 replies, 2 voices, and was last updated 9 years, 5 months ago by fmck718.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
November 24, 2014 at 7:44 pm #47997

fmck718
Participant

Hi Sakin,
I’ve seen a few threads on how to remove the shadow effect from all images, but I’d prefer to just remove it from a few specific images, such as the one on this page – sorrows.wpengine.com/history-of-our-school

Can you help me out?

Thanks.

P.S. I originally posted this in the Catch Everest Free forum by mistake. Sorry about that.

November 25, 2014 at 12:29 am #48021
Sakin
Keymaster
@fmck718: For that page only, you can add the following css in “Appearance => Theme Options => Custom CSS” box.
```
.page-id-554 #content img {
    box-shadow: none;
}
```
November 26, 2014 at 10:55 am #48069

fmck718
Participant

Works perfectly. Thanks.

December 1, 2014 at 10:44 pm #48343

fmck718
Participant

Sakin,
Can you tell me how to remove the shadow from the Johns Hopkins logo on this post as well?

http://sorrows.wpengine.com/2014/09/ols-recognized-by-johns-hopkins-university-center-for-talented-youth/

Thanks.

December 1, 2014 at 10:48 pm #48344

Sakin
Keymaster

@fmck718: You can add the following css in “Appearance => Theme Options => Custom CSS” box:
.entry-content img { box-shadow: none; }

December 1, 2014 at 11:11 pm #48348

fmck718
Participant

Great. Is this a specific code for just this post? Or, will it remove the shadow effect from all images on the site? (My preference is to keep the shadow on most images.)

December 1, 2014 at 11:28 pm #48350

Sakin
Keymaster

@fmck718: That is for all the post and pages. But if you want to remove only on that post then you can add the following css instead.
.postid-917 .entry-content img { box-shadow: none; }

December 1, 2014 at 11:48 pm #48351

fmck718
Participant

Awesome. Thanks as always.
Author

Posts