Feature Image Colour on Hover

Hi!

This can be done using this css:

.wp-post-image {
  filter: grayscale(1);
  transition: filter 0.5s ease; /* Adjust the duration as needed */
}

.wp-post-image:hover {
  filter: grayscale(0);
  transition: filter 0.5s ease; /* Adjust the duration as needed */

}

If you don?T want the slowly appearing color then just delete the lines with “transition: filter…..”

Excuse my ignorance, but where would I put this code? I tried adding it to the post list block and the featured image itself but neither worked.

• This reply was modified 1 year, 3 months ago by JoeMD.
• This reply was modified 1 year, 3 months ago by JoeMD.

Hi, this explains it: https://www.hostinger.com/tutorials/wordpress-custom-css#Simple_Custom_CSS

Absolutely brilliant. Thanks so much!

• This reply was modified 1 year, 3 months ago by JoeMD.