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

    price boxes a little smaller -

    Asked by BBC2016 on March 17, 2016 at 01:03 AM

    cantget price boxes a little smaller - itwont update after iput code in - can u help?sorry forasking dumb question- iam bad at coding.

     

     

    .form-textbox.form-product-custom_quantity {
        width: 40px;
    }

    Page URL:
    http://buildingbridgescoalition.org/rsvpcontribution/

    boxes a style textbox product div
  • Profile Image
    JotForm Support

    Answered by EltonCris on March 17, 2016 at 02:48 AM

    Did you manage to make it wider? It appears to have medium size now.

    By the way, I see that you're trying to add a dollar ($) symbol on the custom quantity boxes. However, some of it appear on the products with no custom quantity box. I suggest replacing your code with the following instead to correct it.

    .form-product-custom_quantity + label:before {

        content: "$";

        float: left;

        position: relative;

        top: -24px;

        left: -11px;

        font-size: 13px;

    }

    Hope this helps!

     

  • Profile Image

    Answered by BBC2016 on March 17, 2016 at 04:21 PM

    its not updating after i put the code above in....?? what am i doing wrong here?

  • Profile Image
    JotForm Support

    Answered by BJoanna on March 17, 2016 at 05:07 PM

    I have inspected CSS code that you added inside of Form Designer and I found 3 CSS errors.

    There are two semicolons that should be removed and and one closing curly bracket.

    You will need to remove marked code.

    Also CSS code that my colleague provided you is in collision with CSS code that you previously added for dollar ($) symbol. 

    If you want that your form looks like this, then change left value from 439px to 429px on your #cid_13 code.

    Here is my cloned form where I made mentioned changes on CSS code: 

    https://form.jotform.com/60766320416957 

    Feel free to clone it

    Hope this will help. Let us know if you need further assistance.

  • Profile Image

    Answered by BBC2016 on March 17, 2016 at 05:13 PM

    wait a sec, i made some changes, can u look at my edited form now and tell me if i still have errors and collisions????

     

    http://buildingbridgescoalition.org/rsvpcontribution/

    formID=60760825371153

  • Profile Image

    Answered by BBC2016 on March 17, 2016 at 05:20 PM

    also see attached if yu have time to help me - how do i get these $ signs out of there? thanks soooooo much ur amazing!!!!!!

  • Profile Image
    JotForm Support

    Answered by BJoanna on March 17, 2016 at 05:52 PM

    I have inspected your form and CSS errors are still shown. 

    You need to open your form designer and fix those errors or you can clone my form to your account.