Site logo

Archived topic

Remove Border and Shadow from Pages

7 replies · Started by Sanu Kumar on November 8, 2020

Viewing posts 1–8 of 8

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.

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);
}

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?

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

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

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

Try changing the CSS to this:

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

Thank you David, it worked.

Glad to hear that!

This archived topic is closed to new replies.