Wordpress

Disappearing Images on Hover

I was having a look at a site using This Just In! and noticed something that I've seen on occasion and thought I'd mention something: if you're using This Just In! and are noticing images disappearing when hovered over, here's a quick fix for you.

This problem specifically seems to arise with the use of the captcha refresh button on the C-Forms plugin. When you hover over the little circular arrow image to refresh the captcha, the image disappears. That problem arises from the fact that I applied the background: none; property to the image link selector in order to ensure image links don't show an ugly background on hover. The side effect of this is that some image links disappear if the link image is actually a background image rather than an inline one.

An easy fix is to simply use Firebug to get the appropriate CSS selector for the problem link image, and add an entry in your stylesheet assigning the property !important to the background property value for that image.

For example, if you're experiencing this problem in C-Forms, try adding this to your CSS:

1
2
3
img.captcha-reset {
    background: url(../../plugins/cforms/styling/captcha_reset_grey.gif) no-repeat !important;
}
John Crenshaw
John Crenshaw
President
UFO company founder. 15+ years experience in performance marketing.
Never miss an update
Get more training, case studies and ideas delivered directly to your inbox.
* We never share your personal info.
View our Privacy Policy.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Let’s make something great together
Let’s talk.

Get in touch and we’ll setup a quick call to discuss your needs, what we do, and figure out if we’re a good fit.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Let’s make something great together
Let us show you what we can do for your business.

We get it. Hiring an agency is a big decision. To help you in your process, we’re happy to share more details about the work we’ve done. Help us understand what you need help with, and we’ll find the most relevant case studies to share with you.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Let’s make something great together
Apply for 2 months of free marketing services.

We get it. Hiring an agency is a big decision. Let us show you what we can do. Help us understand what you need help with, and we’ll setup a quick call to discuss your needs, and figure out if we’re a good fit.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.