tooltip won’t float:right;

  • Resolved benspr

    (@benspr)


    7 years, 4 months ago

    Hi, I’ve tried everything I can think of, including editing stylepublic.css to get the tooltip to float right, or even just center with “margin: 0 auto!important;”

    Nothing works. Can you please advise a way to get the tootip off the lower left corner of my input field?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter benspr

    (@benspr)

    Actually, I’d like to give it a margin as well. It’s hiding content in my Google Places field dropdown.

    Thread Starter benspr

    (@benspr)

    broken tooltip

    Plugin Author codepeople

    (@codepeople)

    Hello @benspr,

    Could you send me the link to the webpage that includes the form to check the styles in detail, please?

    Best regards.

    Thread Starter benspr

    (@benspr)

    https://solarpowerrocks.com/form-test-three/

    Plugin Author codepeople

    (@codepeople)

    Hello,

    The position of jQuery tooltips is defined and assigned at runtime with javascript. To increase the distance between the fields and tooltips, please, insert in the form a “HTML Content” field with the following piece of code as its content:

    <script>
jQuery(document).on("tooltipopen", function (event, ui) {
var tt = jQuery(ui['tooltip']), off = tt.offset();
off['top'] += 100;
tt.offset(off);
});
</script>

    Of course, replacing the number 100, by the number of pixels to separate the tooltip from the field.

    Best regards.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘tooltip won’t float:right;’ is closed to new replies.