price boxes a little smaller -

  • Profile Image
    BBC2016
    Asked 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;
    }

  • Profile Image
    EltonCris
    Answered 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
    BBC2016
    Answered 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
    BJoanna
    Answered 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
    BBC2016
    Answered 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
    BBC2016
    Answered 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
    BJoanna
    Answered 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.