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

    Payment tools module - font size and colour

    Asked by bodytalk on December 02, 2011 at 11:41 AM

    I have added a paypal payment tool to one of my forms. how do you edit the size and colour of the price for each product the colour and size are barely visible ?? 

     

    thanks

    Lee

     

    Page URL:
    http://www.thebodytalkcenteroc.com/index.php?option=com_content&amp;vi<br/>ew=article&amp;id=65&amp;Itemid=65

  • Profile Image

    Answered by paoloumali on December 02, 2011 at 01:02 PM

    Hi,

    Thank you for using JotForm.

    You can change the size of that part by adding Custom CSS to your form. To do that, click Preferences under the Setup & Embed tab, and insert the code below in the Inject Custom CSS from the Form Styles tab.

     

    .form-product-details{ 

     font-size:20px;

    color:red;

    }

    Change the font-size and color based on your liking. Hope you find this useful.

    If you have any other issues and concerns, please feel free to contact us again.

  • Profile Image

    Answered by bodytalk on December 02, 2011 at 02:23 PM

    OK YOU ARE OFFICIALLY MY HERO!!! Thank YOU! 

    So how do I find what the code names are for other parts of the forms ? eg like the ( .form-product-details )

     

    Lee

  • Profile Image

    Answered by paoloumali on December 02, 2011 at 02:29 PM

    Hi,

    Thank you for that. I should have given the link to this thread earlier as it was the same question she had. I just found the link.

    I've posted some screenshots on how you can easily do this in Chrome.

    Check this here.

    Now that you can pinpoint what item's you can apply CSS rules, all that is left is to know the common CSS rules. Please take a look at this W3school section too after the above.

    Thanks again for using JotForm.