Please help make the field for my coupon code visible.

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

  • Profile Image
    davemegasnel
    Answered on August 05, 2015 at 04:18 AM

    Did you make the theme custom or used a theme ?

  • Profile Image
    davemegasnel
    Answered on August 05, 2015 at 04:21 AM

    Try to use this custom CSS : 

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

  • Profile Image
    Charlie
    Answered 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
    davemegasnel
    Answered on August 05, 2015 at 04:24 AM

    @charlie 

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


  • Profile Image
    abajan
    Answered 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
    davemegasnel
    Answered on August 05, 2015 at 04:39 AM

    Yeah my English is not super great xD 

  • Profile Image
    abajan
    Answered on August 05, 2015 at 04:43 AM

    No problem.

    Cheers

  • Profile Image
    jackiekramer
    Answered 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
    Charlie
    Answered 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
    jackiekramer
    Answered 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
    abajan
    Answered on August 05, 2015 at 06:18 AM

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

  • Profile Image
    davemegasnel
    Answered on August 05, 2015 at 08:00 AM

    No problem