-
Cecelia ShookAsked 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.
-
JanReplied 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 ShookReplied on February 26, 2017 at 6:46 PMHello 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 SupportReplied 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
-
StraygrassReplied 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.
-
JanReplied 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.
Hope that helps. Thank you.