[Resolved] Remove Border and Shadow from Pages

[Sanu Kumar]

Could you help me to remove the border and shadow effects from pages?
I am using this CSS

.entry-content img {
border: 5px solid #cfcfcf;
     box-shadow: 4px 30px 40px -19px rgba(0,0,0,0.1);
}

I want only on posts.

[David]

Hi there,

change the code to:

body:not(.page) .entry-content img {
    border: 5px solid #cfcfcf;
    box-shadow: 4px 30px 40px -19px rgba(0,0,0,0.1);
}

[Sanu Kumar]

Hey David, it works but…

When I add that CSS, I am seeing border and shadow effects are coming here (on the post)
Screenshot: https://ibb.co/KrrwYP8

And to remove this, I am using this CSS;

.reviewed-item-image img {
    box-shadow: none;
	border: none;
}

I contacted their plugin support and they provided the same CSS specified above.

It all good when I don’t add this body:not(.page) but I don’t want to show border and shadow effect in pages and reviewed item image too.

Is there any way?

[David]

That CSS to remove the border/shadow from .reviewed-item-image img is working.
Try clearing your browser cache.

[Sanu Kumar]

I removed body:not(.page) that is why it is all good.

I have added now, please check it from your end.

[David]

Try changing the CSS to this:

.entry-content .reviewed-item .reviewed-item-image img {
    box-shadow: none;
    border: none;
}

[Sanu Kumar]

Thank you David, it worked.

[David]

Glad to hear that!

[Author]

Posts