Hover over multiple choice

  • Profile Image
    DestinationDelco
    Asked on November 28, 2017 at 11:01 AM

    Is there anyway to make a hover over a multiple choice for EACH of the multiple choice? I understand you can make it for the entire multiple choice button but I need a description for each of the multiple choice options. See example: http://www.mediafellowshiphouse.org/spiritaward.php

  • Profile Image
    Richie_P
    Answered on November 28, 2017 at 12:03 PM

    Hi,

    If I understood correctly, you wanted to have a hover text over each multiple choice with description?

    As I check your form,you have already a hover text over your multiple choice.

    Was the issue resolved already?

    Thanks.

    Best Regards.

  • Profile Image
    DestinationDelco
    Answered on November 28, 2017 at 12:07 PM

    The choices are actually 12 single choices. I want to be able to use multiple chocieswith individual hover over for each of the 12 choices. 

    As it works now, if you choose one and then decide not to select it, you can't uncheck, as like the multiple choice

  • Profile Image
    Richie_P
    Answered on November 28, 2017 at 01:05 PM

    Thank you for the clarification, yes you can do that. But you need to insert it using custom css code.

    Here is a screen cast of the output:

    Here is the css code:

    span.form-checkbox-item:nth-child(1):hover span::after  {
       content: "This is a hover text per element";

        width: auto;

        height: auto;

        position: absolute;

        margin-left: 120px;
    }

    NOTE: You need to edit the css depending on your hover especially with paragraphs,also

    nth-child("number") the" number" is the position of the checkbox is, e.g 1 if it is the first,2 if it is the second.

    I hope this information helps you.

    Best Regards.