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

  • Profile Image
    Asked 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.





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



    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?





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