Archived topic
Fix border on user favicon
4 replies · Started by Sebastián on August 6, 2021
Hi guys! So a few years ago I put a code (suggested by GP Team) to include black borders in the blog post images.
I think this is the code:
.single-post .site-content img {
outline: 1px solid #000;
}
.single-post .elementor-widget-theme-post-featured-image img {
outline: none;
}And that's cool but I want to take it off in this section in particular: https://imgur.com/a/BonyAVp
Check out this link for example: https://nichoseo.com/siteground/
Hi there,
Change your CSS to this:
.single-post .site-content img:not(.elementor-avatar) {
outline: 1px solid #000;
}Worked but the code also added a border in the featured image and that's something I don't want.
Also if it's possible to take the border out of the favicon comments that would be great: https://imgur.com/a/zm9qUXN
Using :not is not the best way when you have multiple conditions that need to be excluded.
In this case, add a custom class image-outline to the images that you actually want the outline, then adjust your CSS to target those images only:
.single-post .site-content img.image-outline {
outline: 1px solid #000;
}