Hello,
Can you share the page link where you have this issue?
Hi Amit:
Thanks for your prompt reply. The form is currently here: https://helenlindes.com/I82qb4Ip/sandbox3/contact/
D
Try to add the below code to the Customize > Custom CSS section to fix it –
.wpforms-title, div.wpforms-container-full .wpforms-form .wpforms-field-label, div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
display: block;
}
Have you added any code to hide the title and label?
Hi Amit:
Thanks for your reply, but as I said in my original post:
“I’ve seen suggestions that adding code to the Custom CSS section can solve the problem, but I have the free version of Elementor (that doesn’t allow custom CSS) and can’t afford an upgrade.”
In reply to your question, no, I haven’t added any code to hide the title and label. Mainly because, as above, my version of Elementor doesn’t allow custom code.
Any other ideas I might try?
D.
No need to upgrade the elementor version. Just go to Dashboard > Appearance > Customize> Custom CSS section to add the code.
Hi Amit:
That worked perfectly with the titles that are now visible. Unfortunately, the text typed in the fields is still illegible because it’s white on a white background.
Any suggestions for that issue?
D.
Use the below code to change the input color –
body div.wpforms-container-full .wpforms-form input[type=date], body div.wpforms-container-full .wpforms-form input[type=datetime], body div.wpforms-container-full .wpforms-form input[type=datetime-local], body div.wpforms-container-full .wpforms-form input[type=email], body div.wpforms-container-full .wpforms-form input[type=month], body div.wpforms-container-full .wpforms-form input[type=number], body div.wpforms-container-full .wpforms-form input[type=password], body div.wpforms-container-full .wpforms-form input[type=range], body div.wpforms-container-full .wpforms-form input[type=search], body div.wpforms-container-full .wpforms-form input[type=tel], body div.wpforms-container-full .wpforms-form input[type=text], body div.wpforms-container-full .wpforms-form input[type=time], body div.wpforms-container-full .wpforms-form input[type=url], body div.wpforms-container-full .wpforms-form input[type=week], body div.wpforms-container-full .wpforms-form select, body div.wpforms-container-full .wpforms-form textarea {
color: #000;
}
Hi Amit:
I’m very grateful for your help with this issue. Much to my dismay, the code you supplied doesn’t solve the problem and the text remains invisible.
I’ve spent hours messing around with the code, trying different combinations, and I’ve found one that works:
div.wpforms-container-full .wpforms-form input[type=name], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form textarea {
background-color: #000;
}
body div.wpforms-container-full .wpforms-form input[type=name], body div.wpforms-container-full .wpforms-form input[type=email], body div.wpforms-container-full .wpforms-form input[type=text], body div.wpforms-container-full .wpforms-form select, body div.wpforms-container-full .wpforms-form textarea {
color: #000;
}
This produces black boxes with white text. I don’t understand how, my limited knowledge suggests both background and text should be the same colour, but it works. If no other solution can be found I can live with this unusual combination.
Thanks again,
D.
Try this one. It should work –
body div.wpforms-container-full .wpforms-form input[type=date], body div.wpforms-container-full .wpforms-form input[type=datetime], body div.wpforms-container-full .wpforms-form input[type=datetime-local], body div.wpforms-container-full .wpforms-form input[type=email], body div.wpforms-container-full .wpforms-form input[type=month], body div.wpforms-container-full .wpforms-form input[type=number], body div.wpforms-container-full .wpforms-form input[type=password], body div.wpforms-container-full .wpforms-form input[type=range], body div.wpforms-container-full .wpforms-form input[type=search], body div.wpforms-container-full .wpforms-form input[type=tel], body div.wpforms-container-full .wpforms-form input[type=text], body div.wpforms-container-full .wpforms-form input[type=time], body div.wpforms-container-full .wpforms-form input[type=url], body div.wpforms-container-full .wpforms-form input[type=week], body div.wpforms-container-full .wpforms-form select, body div.wpforms-container-full .wpforms-form textarea {
color: #000 !important;
}
Hi Amit:
That worked beautifully!! Everything is exactly as it should be now.
Many many thanks,
D.
