Payment tools module - font size and colour

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

     

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