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

    Move hover text bubble slightly to the left side

    Asked by sisters7 on June 12, 2016 at 07:05 AM

    Can you give me the css code to move the hover text bubbles to the left about 1"? Thanks.

    move description move hover text
  • Profile Image
    JotForm Support

    Answered by EltonCris on June 12, 2016 at 09:20 AM

    Are you referring to a certain text in your form e.g. text labels or the hover text (description text) you've set on a field like on the following image?

    If you mean the hover text as shown on the image, use this CSS code.

    .form-description {

        right: 12px;

    }

    The value by default is 7px, increasing the number should move the description text further to the left side.

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    If you have further questions, let us know.

  • Profile Image

    Answered by sisters7 on June 12, 2016 at 09:35 AM

    Thank you for your quick reply. I was referring Hover Text. I copied and pasted your CSS code and it didn't work. The Hover Text bubbles stayed where they were.

    Please help again. Thanks.

    https://www.jotform.com//?formID=61477497499175

  • Profile Image
    JotForm Support

    Answered by EltonCris on June 12, 2016 at 10:44 AM

    It actually works when I check your form but it moves slightly to the left because as I've said, the default value is 7px and the code I've shared to you has 12px value so there's only a few increase on the pixel which will give you a just a little difference (probably unnoticeable) in its position.

    Example

    Before:

    Now:

    If you'll compare the two, the second screenshot shows that the hover text moves slightly to the left side.

    If you want it to move further, you can adjust the 12px value to your preference.

    Example:

    .form-description {

        right: 100px;

    }

    This gives you the following:

    If this is not what you mean, kindly provide more details on what exactly that you want so we can further assist you.

  • Profile Image

    Answered by sisters7 on June 12, 2016 at 10:54 AM

    Wow! I noticed the difference. Thank you so much for your help. I couldn't do it without your help.

  • Profile Image
    JotForm Support

    Answered by Kiran on June 12, 2016 at 11:57 AM

    You are welcome. It's our pleasure to assist you. Glad to see that the issue is now fixed. Please do not hesitate to get in touch with us if you need any further assistance. We will be happy to help. 

    Thank you for using JotForm!!