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

    Please help make the field for my coupon code visible.

    Asked by jackiekramer on August 05, 2015 at 04:10 AM

    Thank you! Not sure how to make this coupon code entry field visible over the black background.

    http://form.jotformpro.com/form/52161816671960

    Thank you!

    Jackie

    Page URL:
    http://form.jotformpro.com/form/52161816671960

    Make visible black background entry thank
  • Profile Image

    Answered by davemegasnel on August 05, 2015 at 04:18 AM

    Did you make the theme custom or used a theme ?

  • Profile Image

    Answered by davemegasnel on August 05, 2015 at 04:21 AM

    Try to use this custom CSS : 

    #coupon-header {          
    color:#fff !important;      
    }                                   

  • Profile Image
    JotForm Support

    Answered by Charlie on August 05, 2015 at 04:23 AM

    Hi,

    May I know what part of the coupon field you would like to change? I assume its the coupon header or the text that states "Enter Coupon" because that's the one that is not properly showing.

    You could try using this custom CSS code, which is also similar with the one above mentioned by davemegasnel.

    #coupon-header {

        color: #85639C !important;

    }

    Let us know if that works.

  • Profile Image

    Answered by davemegasnel on August 05, 2015 at 04:24 AM

    @charlie 

    You forgot to close the CSS at the end of the rule.


  • Profile Image
    JotForm Support

    Answered by abajan on August 05, 2015 at 04:38 AM

    @davemegasnel

    You meant the at the end of the declaration (the missing semicolon) not the end of the rule. But thanks for noting that. 

  • Profile Image

    Answered by davemegasnel on August 05, 2015 at 04:39 AM

    Yeah my English is not super great xD 

  • Profile Image
    JotForm Support

    Answered by abajan on August 05, 2015 at 04:43 AM

    No problem.

    Cheers

  • Profile Image

    Answered by jackiekramer on August 05, 2015 at 05:11 AM

    Where exactly do I insert this code: 

    #coupon-header {

        color: #85639C !important

    }

    And, do I have it ALL here?  THANK YOU!!

    @charlie

    @davemegasnel

    @abajan

  • Profile Image
    JotForm Support

    Answered by Charlie on August 05, 2015 at 05:19 AM

    Apologies for the confusion.

    You should be able to add this custom CSS code in your Form Designer Tool under the CSS tab. You can change the color to what you want. In my case, I used the font color you used in your form.

    #coupon-header {

        color: #85639C !important;

    }

     

    Let us know if that works.

  • Profile Image

    Answered by jackiekramer on August 05, 2015 at 05:44 AM

    Thank you all. I inserted it then removed it because it appeared that I lost my page image. Then went back to reinsert & before I had a chance, I checked and, VOILA, everything came together. So, last time I looked, it was all good.

    Jackie

  • Profile Image
    JotForm Support

    Answered by abajan on August 05, 2015 at 06:18 AM

    On behalf of my colleague Charlie, you're quite welcome, Jackie.

  • Profile Image

    Answered by davemegasnel on August 05, 2015 at 08:00 AM

    No problem