Archived topic
Remove Border and Shadow from Pages
7 replies · Started by Sanu Kumar on November 8, 2020
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!