Move hover text bubble slightly to the left side

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

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.

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

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.

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

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!!