How to change the wording and text size of the coupon input label

  • Profile Image
    MarkPutt
    Asked on March 27, 2014 at 02:25 PM

    Hi.

    I want to change the font size and verbage on the Cupon code text that appears on the form.

    How can I do this?

     

    Right now it's just a box that says "cupon code".

    I want to change it.

     

     

    Thanks.

  • Profile Image
    TitusN
    Answered on March 27, 2014 at 04:28 PM

    Hello,

    You can change the text size by appling CSS code to the form, for instance, the following code will increase the font of the coupon code text:

    #coupon-header {
    font-size: 25px;
    }

    As for changing the wording - I have submitted a feature request to our developers.

    In the meantime, here's a workaround- you can use CSS to replace the text with an image that has the correct label:

    #coupon-header {
    color:transparent;

    background: transparent url('http://theurltoyourcouponlabel.com/label.gif') no-repeat fixed center;
    }

    The URL is where you have uploaded the image with the label.

    Let us know if this helps.

  • Profile Image
    MarkPutt
    Answered on March 31, 2014 at 12:03 PM

    Thank you so much.

  • Profile Image
    NeilVicente
    Answered on April 19, 2014 at 05:24 AM

    Hi,

    We are happy to inform you that it is now possible to change the text on the coupon input box and the messages that are generated by it.

    https://shots.jotform.com/neil/JotForm_%b7_Form_Builder_-_Mozilla_Firefox_2014-04-19_16.17.28.png

    Kindly try it and then let us know what you think.

    Cheers!