Position the Hover Text to the left

  • Profile Image
    Strategy1st
    Asked on January 08, 2018 at 05:44 PM

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

  • Profile Image
    Jan
    Answered on January 08, 2018 at 08: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.gif

    Hope that helps. Thank you.

  • Profile Image
    Strategy1st
    Answered 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

  • Profile Image
    Jan
    Answered on January 20, 2018 at 01: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.gif

    Hope that helps. Thank you.