What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I change the position of the hover text?

    Asked by paulalexanderbreen on October 21, 2013 at 02:58 PM

    Hi

     

    I've added a hover over to the form I'm working on. it works fine but it obscures the drop down arrow on the box it's attached to.

    I have two options.

    1 see if i can move it to avoid what it's covering or

    2 delete it

     

    problem is i cant see how to do either

    Any help appreciated

     

    regards

     

    paul

    problem arrow move attached
  • Profile Image
    JotForm Support

    Answered by guilledutra on October 21, 2013 at 03:48 PM

    Hi,

    could you provide us the link where you form is embeded in order to make further investigations

    Thanks

  • Profile Image

    Answered by paulalexanderbreen on October 21, 2013 at 04:46 PM
    Hi

    This is the sheet with the problem


    http://www.jotform.com//?formID=32901835898366

    it only has one hover over, it works fine but obscures the drop down box
    arrow. I'm not sure if it would be best to delete the hover over or try and
    move it somewhere out of the way

    regards

    Paul
  • Profile Image

    Answered by EliezerN on October 21, 2013 at 05:58 PM

    Thanks for contacting us.

    There's no need to delete the Hover text. In order to avoid the Hover Text to obscure the dropdown field, just reduce the width of the Dropdown field by inserting the next CSS code:

    #input_18

    {

    width:460px !important;

    }

    To know how to insert CSS codes to your form please follow this guide: How to Inject Custom CSS Codes
    Your form will look this way: 
    I hope this helps. Feel free to contact us if you need further assistance with this or kindly open a new thread to make nonrelated questions.
    Thanks
  • Profile Image

    Answered by paulalexanderbreen on October 21, 2013 at 06:22 PM

    Hi Guys

     

    that worked a treat thanks

     

    I'm getting the hang of this now!

     

    Kind regards

     

    paul