The developers of the JetPack WordPress plugin decided to put a layer above the featured image thumbnails of “related posts”. This gives the images a faded look. Why? I will never know!
If you prefer your images displayed in all their “glory”, and especially if you run an image-heavy (or photography) website, you may not like this feature at all.
The CSS code snippet below will remove this feature for you. You will need to add it to the CSS file of your currently active WordPress theme (or child theme). Alternatively, you could place the code in the “Additional CSS” section of your site.
You can find the additional CSS section by clicking Appearance >> Customize
div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post { -moz-opacity: 1; opacity: 1; } div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
Once the above CSS snippet has been placed on your site, the images in your JetPack related posts will no longer be faded. Fading will be disabled for both normal appearance and on hover.
Leave a Reply