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

    How do you change spacing between radio button and description and pricing?

    Asked by HAPEN on May 03, 2015 at 11:46 AM

    I would like to increase spacing slightly between the payment radio button and the description, and between description and pricing.  Once the pricing is spaced, I would like to right align all prices.

     

     

    Thanks,

     

    Page URL:
    https://secure.jotformpro.com/HAPEN/Membership_Renewal

    change spacing and JotForm uploads jpg prices
  • Profile Image

    Answered by Shadae on May 03, 2015 at 01:06 PM

    Hi Hapen,

    Thank you for contacting us. To confirm you would like to change the spacing and alignment of your product listing.

    If that is the case, please inject the following CSS code in your form:

    .form-product-item {

    text-align : justify;

    margin-bottom : 20px;

    }  

    I hope this helps, please inform us if you need further assistance.

    Thank you.

  • Profile Image

    Answered by HAPEN on May 03, 2015 at 03:37 PM

    Hi Shadae,

    Not sure what I am suppose to see.  I applied the CSS code, but nothing changed except the alignment. 

    I may not have been clear.  Yes, I would like all the prices to be right aligned while adding a space or two after the description. 

     

    Example:

    Annual Renewal   - $ 48.00 USD

    Aug, Sep, or Oct  - $ 48.00 USD

    Nov, Dec, or Jan  - $ 36.00 USD

    If I could add dashes that would be great.

     

    When trying to add spacing between characters; what is the margin-bottom: 20px for?

    Thanks,

     

     

     

  • Profile Image

    Answered by Shadae on May 03, 2015 at 05:18 PM

    To confirm, would you like more spacing between each radio button or would you like more spacing between the words in each line.

    Without the CSS code applied, your radio buttons spacing is:

    Once the CSS code is applied you should have the following result:

    Adding the code margin-bottom : 20px; would produce the above result.

    If you would like to add spacing within each line, that can be done when creating your product within the payment integration.

    If not, please provide more information and I would be happy to assist you.

    Thank you.