White box appears when option is set and Thank you page does not show white text.

  • Profile Image
    mcmendelsohn
    Asked on September 14, 2017 at 08:10 PM

    I am having two problems with white text in different areas of my form. Here is a link to the form.

    I have added a semi-transparant background (and white text) to my label panel and just have a couple problems I can't figure out.

    Problem #1. When inserting a check into an option field the background turns white. The white disappears when moving on to the next field, but this really looks funky. Is there a CSS code to keep that clear or even just make it gray so the letters are visible?

    Problem #2. When the from is completed and I click submit. The finished product (Thank you page) shows whited out. (Because of the white text I guess). Any ideas how to fix this?

    Snip of what this looks like:

    https://form.jotform.us/mcmendelsohn/4300_Jamb_Mount_Survey

    I tried adding some CSS that did not work, so you might see some remains of that. Also added some other CSS that did work wonders.
    Looking forward to completing this. Thank you!

  • Profile Image
    Kevin_G
    Answered on September 14, 2017 at 10:51 PM

    Please follow these instructions in order to resolve the issues with your form. 

    1. This guide will help you managing the highlight effect as well as the error states: https://www.jotform.com/help/445-Managing-Field-Error-States-and-Highlight-Effect 

    You will be able to remove  them from your form or change their colors. 

    2. To remove  the background color of the table displayed on your thank you page, please inject the following CSS code: 

    .thankyou table, .thankyou table td {

        background: transparent !important;

    }

    This guide will help you injecting the code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    You may also want to try the preview before submit widget so if your users want to change anything they can simply go back to the form and change it before to send the information. 

    The widget can be found here: https://widgets.jotform.com/widget/preview_before_submit 

    And this guide will help you adding it to your form: https://www.jotform.com/help/252-How-to-Add-a-Widget-to-your-Form 

    I hope this helps.