Input text are white when I embedded the form in Wordpress

  • Cecelia Shook
    Asked on February 26, 2017 at 12:23 PM

    My embedded jotform on WP is not working correctly.  I cannot see the text when filling out the form.  Suggestions, please.

  • Jan
    Replied on February 26, 2017 at 12:44 PM

    I checked your webpage and I was able to replicate the issue. Please inject the custom CSS code below into your form:

    .form-textbox, .form-textarea {
    color: #000000;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes.

    If  you want to disable the yellow highlight when the field is selected, please add this CSS code:

    .form-line.form-line-active {
    background-color: transparent;
    }

    Hope that helps. Thank you.

  • Cecelia Shook
    Replied on February 26, 2017 at 6:46 PM
    Hello Jan,

    I read the How to Inject Custom CSS codes. I don't believe I have Jotform
    installed on my computer. I have inherited this website that was built
    using WordPress.org version 4.2.4 almost 2 years ago and know very little or
    hardly nothing about how to use WP or JotForm. Can you be very specific on
    where and how to inject the CSS code?
    Thank you, Cecelia

    _____
    ...
  • Chriistian Jotform Support
    Replied on February 26, 2017 at 10:42 PM

    Hi,

    I believe that you are referring to this form: (http://www.jotform.us/form/51694851981165) from the account (RossVegas) embedded on your site.

    Here's how to inject the custom CSS code that my colleague, Jan, has provided:

     

    .form-textbox, .form-textarea {

    color: #000000;

    }

    .form-line.form-line-active {

    background-color: transparent;

    }

     

     

    If you are working in Jotform V3:

    Click Design tab > click CSS > the paste the code.

    Input text are white when I embedded the form in Wordpress Image 1 Screenshot 30

    If you are working in Jotform V4:

    Click the Form Designer Icon > click CSS > then paste the code.

    Input text are white when I embedded the form in Wordpress Image 2 Screenshot 41

     

    Please see this complete guide: How to Inject Custom CSS Codes

    Regards

     

  • Straygrass
    Replied on February 28, 2017 at 3:23 PM

    Hello,

    I looks like I have Jotform V4 and I'm editing on the Basic Contact form.  There are two other Message Contact forms in this window).  I'm able to navigate to Form Designer,  CSS, Inject custom CSS.  I have pasted the script '.form-textbox, .form-textarea {
    color: #000000;
    }  and lines 1,2 and 3 were filled in.  I closed the Form Designer and clicked the Publish tab.  Then I went to the website and refreshed, however, the contact form does not show up. 

    More help, please. 

     

  • Jan
    Replied on February 28, 2017 at 4:48 PM

    @Straygrass

    Are you associated with the user (RossVegas)? Are you referring to the webpage (https://www.straygrasscolorado.com/contact/)?

    This user (RossVegas) is currently in overlimit status. The user exceeded the monthly form views. This is the reason why the form is not showing on the Contact Page. The monthly reset happens every 1st day of the month.

    Now, if you want to embed a different or new form on that webpage, then please refer to the guide below:

    In Form Builder V4, click the "Publish" button in the menu and then go to the "Embed" section. You can copy the Embed Code or use the iFrame.

    Input text are white when I embedded the form in Wordpress Image 1 Screenshot 20

    Hope that helps. Thank you.