• Skip to main content
  • Skip to primary sidebar

Technical Notes Of
Ehi Kioya

Technical Notes Of Ehi Kioya

  • Forums
  • About
  • Contact
MENUMENU
  • Blog Home
  • AWS, Azure, Cloud
  • Backend (Server-Side)
  • Frontend (Client-Side)
  • SharePoint
  • Tools & Resources
    • CM/IN Ruler
    • URL Decoder
    • Text Hasher
    • Word Count
    • IP Lookup
  • Linux & Servers
  • Zero Code Tech
  • WordPress
  • Musings
  • More
    Categories
    • Cloud
    • Server-Side
    • Front-End
    • SharePoint
    • Tools
    • Linux
    • Zero Code
    • WordPress
    • Musings
Home » Snippets » Remove Fading Of Images In JetPack Related Posts

Remove Fading Of Images In JetPack Related Posts

November 8, 2019 by Ehi Kioya Leave a Comment

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.

Found this article valuable? Want to show your appreciation? Here are some options:

  1. Spread the word! Use these buttons to share this link on your favorite social media sites.
  2. Help me share this on . . .

    • Facebook
    • Twitter
    • LinkedIn
    • Reddit
    • Tumblr
    • Pinterest
    • Pocket
    • Telegram
    • WhatsApp
    • Skype
  3. Sign up to join my audience and receive email notifications when I publish new content.
  4. Contribute by adding a comment using the comments section below.
  5. Follow me on Twitter, LinkedIn, and Facebook.

Related

Filed Under: Frontend (Client-Side), Snippets, WordPress Tagged With: Automattic, CSS, JavaScript, JetPack, WordPress

About Ehi Kioya

I am a Toronto-based Software Engineer. I run this website as part hobby and part business.

To share your thoughts or get help with any of my posts, please drop a comment at the appropriate link.

You can contact me using the form on this page. I'm also on Twitter, LinkedIn, and Facebook.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

26,208
Followers
Follow
30,000
Connections
Connect
14,641
Page Fans
Like
  • Recently   Popular   Posts   &   Pages
  • Actual Size Online Ruler Actual Size Online Ruler
    I created this page to measure your screen resolution and produce an online ruler of actual size. It's powered with JavaScript and HTML5.
  • Allowing Multiple RDP Sessions In Windows 10 Using The RDP Wrapper Library Allowing Multiple RDP Sessions In Windows 10 Using The RDP Wrapper Library
    This article explains how to bypass the single user remote desktop connection restriction on Windows 10 by using the RDP wrapper library.
  • WordPress Password Hash Generator WordPress Password Hash Generator
    With this WordPress Password Hash Generator, you can convert a password to its hash, and then set a new password directly in the database.
  • Forums
  • About
  • Contact

© 2021   ·   Ehi Kioya   ·   All Rights Reserved
Privacy Policy