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

    Fit width to my wordpress web page

    Asked by OrlandoFest on June 08, 2017 at 09:26 AM

    my form is being cut off with the width where I am using a widget.  It runs into the border of my site and can not be seen well.  Is there a way to fix this.

     

     

    Page URL:
    http://www.orlandofest.com/register-online

    Screenshot
  • Profile Image
    JotForm Support

    Answered by david on June 08, 2017 at 11:36 AM

    Some of the widget needs to be adjusted.  If you add the following CSS to the widget, it should decrease the width enough to fit the page:

    td.col4 select, td.col5 select {
    width:200px;
    }


    th.col3{
    width: 50px !important;
    }


    th.col1{
    width: 50px !important;
    }


    td.col1 input{
    width : 100px;
    }

    Here is how the form would look with the code added:

    https://form.jotformpro.com/71584190152959

     

  • Profile Image

    Answered by Aaron on June 08, 2017 at 01:02 PM

    This did not seem to fix the problem on my website.  

  • Profile Image
    JotForm Support

    Answered by david on June 08, 2017 at 02:06 PM

    I checked your page and everything fits just fine now:

    Try clearing your browsers cache/cookies to ensure you are loading an updated copy of the form.

     

  • Profile Image

    Answered by OrlandoFest on June 08, 2017 at 03:19 PM

    Yes, I had to change the CSS to: width:160px

    Then it fit no problem.  Thanks.

     

    Is there a way to make the text smaller for "Name of Ensemble, Directors Name, Number, Classification, and Adj Division?

  • Profile Image
    JotForm Support

    Answered by Kevin_G on June 08, 2017 at 05:05 PM

    Yes, it is possible to change the font size for that text, please inject this CSS code to your widget following the instructions given above by my colleague: 

    th {

        font-size: 10px;

    }

    You could change the font size value if you want so you get a smaller or greater font. 

    Hope this helps.