Input text are white when I embedded the form in Wordpress

  • Profile Image
    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.

  • Profile Image
    Jan
    Answered 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.

  • Profile Image
    Cecelia Shook 
    Answered on February 26, 2017 at 06: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

    _____
    ...
  • Profile Image
    Chriistian
    Answered 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.

    If you are working in Jotform V4:

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

     

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

    Regards

     

  • Profile Image
    Straygrass
    Answered on February 28, 2017 at 03: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. 

     

  • Profile Image
    Jan
    Answered on February 28, 2017 at 04: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.

    Hope that helps. Thank you.