Please help make the field for my coupon code visible.

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

Did you make the theme custom or used a theme ?

Try to use this custom CSS : 

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

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.

@charlie 

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

@davemegasnel

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

Yeah my English is not super great xD 

No problem.

Cheers

Where exactly do I insert this code: 

#coupon-header {

    color: #85639C !important

}

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

@charlie

@davemegasnel

@abajan

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.

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

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

No problem