How do I format the PayPal Widget label color, font-size and alignment?

  • Profile Image
    fhpw
    Asked 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
    Nik_C
    Answered 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
    fhpw
    Answered 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,