How to add hover text to Image checkboxes widget?

Is there the ability to add text when the mouse is over in image in the Image Checkboxes widget?

Unfortunately, there is not a built-in way to do that, but there is something that can be done with CSS, for example, this is the code:

#images_button_container > li:nth-of-type(1):hover:before {

    background-image: linear-gradient(white, snow, silver);

    border-radius: 20px;

    content: "Sample hover text.";

    display: block;

    margin-bottom: 5px;

    border: 1px solid gray;

    border-top: none;

}

#images_button_container > li:nth-of-type(2):hover:before {

    background-image: linear-gradient(white, snow, silver);

    border-radius: 20px;

    content: "Sample hover text.";

    display: block;

    margin-bottom: 5px;

    border: 1px solid gray;

    border-top: none;

}

The numbers in green are for each of the checkboxes (so for third one you put the same code, just 3 in brackets, and so on.:

If you put the above code in Custom CSS of the Image checkbox widget, it will work like this:

Here is my cloned version of your form, please check: https://form.jotformpro.com/72201785386965

Let us know how it worked.

Thank you!

Thanks Nik, I'm having some problems with this code.  Is there a way to modify the code to wrap the text to make sure it stays above the image? can you please take a look at the form so you can see what is happening? https://form.jotform.us/72166291484158   Thank you!

Thanks Nik, I'm having some problems with this code. Is there a way to modify the code to wrap the text to make sure it stays above the image? can you please take a look at the form so you can see what is happening? https://form.jotform.us/72166291484158 Thank you!
Best Regards,
McLain Harvey
CEO / Co-Founder
[1497046332537_Small]
Pixster Photo Booths
(O) (888)668-5524 x100
(C) (858)367-0096
www.pixsterphotobooth.com
[1501004490095_SD-Top-100-Companies-featured.png]
________________________________
...

Please check your form now, I adjusted the width and it should look like this:

Please check and let us know how it worked.

Thank you!

Thank you!
Best Regards,
McLain Harvey
CEO / Co-Founder
[1497046332537_Small]
Pixster Photo Booths
(O) (888)668-5524 x100
(C) (858)367-0096
www.pixsterphotobooth.com
[1501004490095_SD-Top-100-Companies-featured.png]
________________________________
...