hover description placement is wrong

form: 260536090389159

I have tried to do form.description, form.description.content, and even with specific #_94, eg., none seems to work. Please help.

Hi RobocupjuniorUSA,

Thanks for reaching out to Jotform Support. As you already have CSS code in your form, it was a bit difficult to find the necessary sections that required the changes. I've made some changes in this section of the existing code.

div.form-description-content {

    margin-left: -154px;

    margin-bottom: 20px !important;

}

.form-description, .form-description-content {

    left: 106% !important;

    right: auto !important;

    color: #0c0c0c !important;

    /* right: -180px !important; */

    transform: translate(-50%, -100%) !important;

    width: 275px !important;

    background-color: rgba(250, 250, 250, .5) !important;

    border: 1px solid #ffffff;

    font-size: 14px;

    position: absolute;

    top: 48px;

}

I've also injected some additional CSS code.

.form-line .form-description {

    position: absolute;

    transform: translateY(-100%);

    right: 10px;

    max-width: 277px;

    color: #fff;

    background-color: #687988;

    border-radius: 4px;

    font-size: 11px;

    line-height: 13px;

    padding: 5px 6px;

    overflow-y: auto;

    top: 200% !important;

    height: 669%;

}

You can see the results in this cloned form and clone it with instructions in this guide. Here is a screencast of the cloned form. If you prefer, we can send the complete CSS code here as well.

Reach out again if you need any other help.