-
Posts
-
Hi awesome support team,
Is there any was I can make the red line that appears around a box on a contact form when it’s not been validated, more visible? Maybe just a few more pixels wide or something?
An example of what I mean is on the link below. When only one box is not complete, it’s not all that easy to see.
Hey markgibbons243,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
input.is_empty, input.is_email, input.is_phone { border-color: red!important; }Best regards,
YigitHi Yigit,
Thank you, but that seems to be highlighting the boxes before the form has even been submitted. Is there any other way? Could we increase the pixels of the boarder when red?
Hi,
Sorry, i got the question wrong :)
Please change the code to following one#top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select { border-width: 2px; }Best regards,
YigitThat’s so much better, thank you!
Is there anything I can do with the check box at the bottom? For the same situation (when it’s not been validated). Can it be a bigger font size or underlined?
Hi!
I cannot see a checkbox on your page. Can you please post the link to your page where you have it?
Best regards,
YigitHi,
It’s just above the ‘get quote’ button, at the bottom of the page (link below). It says ‘ I‘ve read and accepted Le Mark’s Privacy Policy’
Hi!
Please add following code to Quick CSS
#top #wrap_all .error .input_checkbox_label { text-decoration: underline; }Best regards,
Yigit
- The topic ‘More visible form validation’ is closed to new replies.