Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author codepeople

    (@codepeople)

    Hi,

    If you want to remove the margin in the at top of the form, and increase the font sizes, please, insert a “HTML Content” field in the form, and enter, as its content, the piece of code:

    <style>
    #fbuilder{margin-top:0 !important;}
    #fbuilder label{font-size: 18px !important;}
    </style>

    Of course, use the font-size you prefer.

    If you are talking about the font size of the tooltip texts, then the piece of code to insert would be:

    <style>
    .ui-tooltip-content{margin-top:0 !important;font-size:14px !important; line-height:16px !important;}
    </style>

    In mobiles it is not available the event: mouseover, so, the tooltip will be displayed if it is selected the checkbox or its label. My recommendation in this case is untick the checkbox to display the instructions for users as tooltips.

    Best regards.

    Thread Starter msilva47

    (@msilva47)

    Take a look at http://www.q-team.com/bulk-wood-pellet-pricing-and-other-info/

    The tooltip box has a empty header space. Is there a way to remove that space?

    Thread Starter msilva47

    (@msilva47)

    Also, is there a way to make the tooltip box wider?

    Plugin Author codepeople

    (@codepeople)

    Hi,

    The top space is caused by a conflict with your theme’s styles, please, modify the piece of code into the “HTML Content” field as follows:

    <style>
    .ui-tooltip-content{margin-top:0 !important;font-size:14px !important; line-height:18px !important;position:relative !important;top:-30px !important;}
    .ui-tooltip.uh-tooltip{width:450px !important;}
    </style>

    Best regards.

    Thread Starter msilva47

    (@msilva47)

    Thanks that took care of the conflict.

    Is there a way to make the tooltip pop up when hovering over the whole field? Right now you have to find a small spot on the checkbox to make the tooltip appear. Can we make that area much bigger?

    Thread Starter msilva47

    (@msilva47)

    Also how do you add the Signature field to the Email subject? That way I can see there name in the email Subject field when they submit. Thanks

    Plugin Author codepeople

    (@codepeople)

    Hi,

    To make the tooltips area much bigger, increase their widths through the style definition:

    .ui-tooltip.uh-tooltip{width:450px !important;}

    About your second question, in reality the tooltips are displayed if the mouse is moved over the input fields and their labels.

    Best regards.

    Plugin Author codepeople

    (@codepeople)

    Hi,

    Use the same special tags available for the emails content, in the subject, more information in the documentation page of the plugin:

    http://cff.dwbooster.com/documentation#special-tags

    Best regards.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘editing pop-up tooltips boxes’ is closed to new replies.