Hover Changes Colour On Images


When I upload an image with a white background and you hold the mouse over the image the background turns blue. I imagine this is to match the theme for when you hover over clickable links, however, for images, I would like to disable this function. I have attached some examples and included a link to an affected page (I managed to reduce the blue on the background on the flaticons, however, couldn’t get rid of it completely. Also when you hover over the flaticon image and then hover over the pinterest button on the top right of the image the background goes completely blue)


Hey there

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*remove blue background*/
.single .entry-content a:hover {
    background: none;
    color: #fff;

Best Regards,

Thank you!!! Worked wonderfully.

You are always welcome here :slight_smile: