How to Fix Faded look of Jetpack Related Post

How to Fix Faded look of Jetpack Related Post

 Jetpack is Power Packed plugin developed by Automattic. Which provides almost every feature to run a WordPress website. JetPack related post is one of the Awesome features to show Related post inside the post content to keep user engaged which result reduction in Bounce rate and boost SEO ranking.

Fix Faded look of Jetpack Related Post-:

While using Jetpack Related post I found that Developer of Jetpack given Faded look to feature image and text which something I did not like.

How to Fix Faded look of Jetpack Related Post

I google it and found a solution to fix it.  Add below line of code to Additional CSS option of your Theme customizer to fix this issue.

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

Now your jetpack related post look like this.

How to Fix Faded look of Jetpack Related Post

Conclusion-: Jetpack has lots of functionality. I am a big fan of Jetpack related post because it uses its own server to compute the query to show related post. it doe snot put extra load on your server. I always recommend WordPress Shared hosting user to use Jetpack related post because on Shared Hosting Server resources are limited.

Thanks for reading…“Pardon my grammar, English is not my native tongue.”

If you like my work, Please Share on Social Media! You can Follow WP knol on FacebookTwitterPinterest and YouTube for latest updates. You may Subscribe to WP Knol Newsletter to get latest updates via Email. You May also Continue Reading my Recent Posts Which Might Interest You.

Leave a Comment