Stop image hover in post thumbnails?

[klamathriverkeeper]

The link feature for post thumbnails makes it so no matter what I link to, hovering over a post thumbnail turns the image totally blue (maybe because this is my accent color) and it’s a bit disruptive. Is there anyway I can disable the color change? I don’t need a hover function over post thumbnails at all really… Would rather it just quietly linked to what it links to.

Thanks!

[Ratiocinator]

In your ACP, go to “General Options” under “Theme Options.”

Inside the “Custom CSS” field enter:


recent-post div.overlay {
display: none !important;
}


If you also don’t want the image to zoom in on hover:


.recent-post figure:hover img {
-moz-transform: scale (1) !important;
-webkit-transform: scale (1) !important;
-o-transform: scale (1) !important;
-ms-transform: scale (1) !important;
transform: scale (1) !important;
}


[klamathriverkeeper]

Thanks! This worked for most instances of post thumbnails but not when using a blog content element… any ideas?

Also, for others who might be following this, note the first code snippet above is missing the period before the first line, should read .recent-post…

[Ratiocinator]

Good catch on the missing dot. 😉

I’m not totally sure about the blog content element, though. I’m using the Flexform theme in a more unorthodox way and not using much in terms of blog posts, sorry.

Can you find what you mean/what widget on Swift Ideas official demo page? If so, I can probably help you that way:

Home

[Cosmin – SUPPORT]

figure:hover > a > .overlay {
    opacity: 0 !important;
}

Regards,

————————————————————————————————————

Cosmin
Support Assistant