Is there a reason the right mouse menu is disabled on your site? It makes looking at these sort of problems a real challenge.
Add the following CSS to your form definition and make sure Custom CSS is enabled to make the entry boxes black.
div.ss-form-entry > input, div.ss-form-entry > textarea {
background-color: #000 !important;
}
Sorry forgot about the right click. We have alot of custom photography and its common for us to add. I did disable it for now. I have the css you sent already in there and was able to make other changes. Its the color of the font of the input text I am having issues with. I was able to change the size. But I could never get the font to black. The script you sent is just doing the background. Here is the css I currently have.
div.ss-form-entry > input, div.ss-form-entry > textarea {
width:99%;
max-width:700px;
background-color: #fff !important;
opacity: .7;
Font-size: 25px;
}
Add this to the CSS you posted above:
color: black;
The “opacity: .7” is reducing the “blackness” of the font color so increasing the opacity will make the font “blacker”.
I am also having an issue with changing the font color and size in my form.
https://docs.google.com/forms/d/1c9FArEtGfigNqFE35AQ_f2-wYKU-JZGGslVZN8jc6dY/viewform
This is the url to the page where the plugin is. http://ocfootdoc.com/new-patients/
I could sure use your help.
Thanks
Here is what I would start with on your form:
input.ss-q-short {
color: black;
width: 300px;
}
textarea.ss-q-long {
color: black;
width: 400px;
}
label.ss-q-item-label {
display: block;
}
div.ss-q-title {
margin-top: 20px;
}
Make sure Custom CSS is enabled (Dashboard > Settings > Google Forms – make sure the Custom CSS checkbox is enabled). Add the CSS above to your form definition.
Start with this and see how you make out.
