Position the Hover Text to the left

  • Strategy1st
    Asked on January 8, 2018 at 5:44 PM

    Hi, in order to get my form to display properly, I need to add a blank (spacer) field. Is this possible?

    Jotform Thread 1342696 Screenshot
  • Jan
    Replied on January 8, 2018 at 8:09 PM

    Please add this custom CSS code into your form:

    #id_98 .form-description {
    left: 500px;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    1515460027hover Screenshot 10

    Hope that helps. Thank you.

  • Strategy1st
    Replied on January 20, 2018 at 11:23 AM

    Your solution worked for Desktop mode but not for Mobile. Can you help resolve this? Thanks, Dewey

  • Jan
    Replied on January 20, 2018 at 1:34 PM

    You can inject this custom CSS in order for the hover text field to appear properly in mobile:

    @media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {
    #id_98 .form-description {
    left: 200px !important;
    }
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    1516473232respon Screenshot 10

    Hope that helps. Thank you.