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 I format the PayPal Widget label color, font-size and alignment?

    Asked by fhpw on April 13, 2017 at 03:34 PM

    I add CSS to update the PayPal Widget formatting. When adding the changes are applied and showing the changes. However, after saving the changes revert back.  I do not see priority formatting (!important) applied.

     

    Would you mind looking over the CSS script and let me know what I am missing.

     

    Here is what I have

     

    .form-label.form-label-top {
        color : #f04967;
    }

    #label_35 {
        font-size : 16px;
        color : #f04967;
    }

    /* Increase size for Payment field */
    #input_35_1001 {
        font-size : 16px;
    }

    /* Increase size for Payment Quantity field */
    #input_35_quantity_1001_0 {
        font-size : 16px;
    }

    /* Increase size for Payment total */
    .form-payment-total {
        font-size : 16px;
    }

     

    I cannot make the alignment of quantity to product either

    However, after saving it reverts back to default color and size.

     

    https://www.jotform.com/fhpw/seminar

     

    Thanks,

     

     

  • Profile Image
    JotForm Support

    Answered by Nik_C on April 13, 2017 at 05:25 PM

    The CSS code is fine, the problem is that you're using a theme so the CSS applied is overridden. If the theme is removed (but please be mindful that this will remove all CSS code, so you should back it up):

    Then the CSS will work. You can check my clone of your form: https://form.jotformpro.com/71026355702954

    Let us know how it worked.

    Thank you!

     

  • Profile Image

    Answered by fhpw on April 13, 2017 at 07:22 PM

    Thanks.  Instead of stripping out the theme, I cut out CSS that was causing the problem. It is strange because event when I click on remove theme, it removed all CSS but still showed I was using a theme.

    I did fix the issue and customized the PayPal Widget.

     

    Thanks,