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

    Changing the text size on Gift Registry Widget

    Asked by tomorrownight on October 13, 2014 at 10:30 AM
    Lastly, and its not essential, can i change the text size on Gift Registry?
    gift registry text text size gift registry changing text size
  • Profile Image
    JotForm Support

    Answered by Jan on October 13, 2014 at 10:31 AM

    Hi tomorrownight,

    Yes you can change it by applying custom CSS code to add style to the Gift Registry Widget text. This is the element class that you can use. I used Google developer inspect element to find the class name.

    .checklist label { font-size: 1.5em;}

    Here's our guide on How to Inject Custom CSS.

    You can just put the appropriate font size that you want. Hope this helps. Thank you!

  • Profile Image
    JotForm Support

    Answered by Jan on October 13, 2014 at 10:35 AM

    This is the element class that you can use. I used Google developer inspect element to find the class name.

     

    Thank you!

  • Profile Image

    Answered by tomorrownight on October 14, 2014 at 04:21 AM

    Hey, thanks a lot for this, but i cannot find it in the source. It looks very different to yours...

    Alternatively i can find this just by using view source:

    <li class="form-line form-line-column form-col-7" data-type="control_widget" id="id_19"> <label class="form-label form-label-top" id="label_19" for="input_19"> Weekend Jobs </label> <div id="cid_19" class="form-input-wide"> <div style="width:100%; text-align:Left;"> <iframe onload="widgetFrameLoaded(19)" frameborder="0" scrolling="no" class="custom-field-frame" id="customFieldFrame_19" src="" style="border:none;width:250px; height: 350px;"> </iframe>


    where am i going wrong?

  • Profile Image
    JotForm Support

    Answered by Jan on October 14, 2014 at 07:57 AM

    Hi tomorrownight,

    You can just add this Custom CSS code in order to adjust the font size of the widget.

    .checklist label { font-size: 1.5em;}

    Here's our guide on How to Inject Custom CSS.

     

    That is not the element that you should work with. It should be the actual label on the checklist. Please check the screenshot below.

    Hope this helps. Thank you.

  • Profile Image

    Answered by tomorrownight on October 15, 2014 at 05:35 AM

    hey, this doesnt work, it still looks the same :(  ive followed the inject code instruction exactly...

     

    Adam

  • Profile Image
    JotForm Support

    Answered by Jan on October 15, 2014 at 07:59 AM

    Hi adam,

    Thank you for the update and thank you for your cooperation. Let me look into it why is it that it is not working. I will update you on this thread once I found out why.

    Thank you for your patience.

  • Profile Image
    JotForm Support

    Answered by Jan on October 15, 2014 at 09:13 AM

    Hi adam,

    It seems that there is an issue on the widget itself. It is not recognizing custom css. I will file a ticket for this issue so our widget developers can take a look at it. We will notify you via this thread once an update is available. 

    Thank you for your patience.

    Jan

  • Profile Image
    JotForm Support

    Answered by steve on October 15, 2014 at 04:35 PM

    Hello-

    We host widgets in iFrames, so unfortunately CSS doesn't apply to them. We separate them since independent developers can create widgets, and if one fails we don't want the whole form to fail.

    Some widgets have a separate interface to add CSS, but this one does not. I've updated this to a feature request to access the CSS of the this widget. Unfortunately we don't have a workaround for this at this time.

    This ticket will be updated if/when that's implemented or we have another solution.

    Kind Regards

  • Profile Image

    Answered by tomorrownight on October 17, 2014 at 07:32 AM

    ok thanks a lot for your work on this.  i look forward to any developments that are made! 

  • Profile Image
    JotForm Support

    Answered by Jan on October 17, 2014 at 08:39 AM

    Hi adam,

    Thank you for your interest. Yes, we will inform you once an update for this is available.

    Thank you for patience and for using JotForm

  • Profile Image
    JotForm Support

    Answered by TitusN on December 19, 2014 at 12:34 AM

    Hello, 

    We have updated the widget to respond to the font and size settings in the form builder: 

    You can also adjust the width and height of the widget from the form builder. 

    Please try it out and share your experience with us. 

    ***

    So far, we have integrated font-type control, other features (font-size,  color and background) are still in production. 

    We make periodic announcements of new features on our periodic bulletins - please check

    Cheers! 

  • Profile Image

    Answered by Vezelay on February 03, 2015 at 05:33 PM

    Dumb question:

    how do I get the "Form Style" tab?

    I do see the a "Setup & Embed" tab as well as a "Properties; ..." tab. But I don't have a "Form Style" tab....

    I checked on different forms and different widgets... but non "Form Style" tab.

    Thanks!

  • Profile Image
    JotForm Support

    Answered by jonathan on February 03, 2015 at 06:57 PM

    @ Vezelay

    I have responded to your latest inquiry here http://www.jotform.com/answers/509357

    Thanks.

  • Profile Image

    Answered by clarkschool on January 28, 2016 at 12:11 PM

    Please confirm that the form builder was updated since Dec. 2014 to move the "Form Style" tab info into what is now the Setup & Embed tab / Preferences icon / Form Styles tab.

    I do not see a tab layout across the top of any of my forms that looks like the one available in TitusN's screenshot.

    Thank you!

  • Profile Image
    JotForm Support

    Answered by Charlie on January 28, 2016 at 02:08 PM

    @clarkschool

    I opened a separate thread for your concern so that we can better assist you. Please refer to this link instead: http://www.jotform.com/answers/758820. We will address it accordingly.

    Thank you for your understanding.