Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 7, 2016 at 1:03 pm #657979
    markgibbons243

    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.

    July 7, 2016 at 1:50 pm #658025
    Yigit

    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,
    Yigit

    July 7, 2016 at 3:36 pm #658115
    markgibbons243

    Hi 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?

    July 8, 2016 at 2:22 pm #658426
    Yigit

    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,
    Yigit

    July 8, 2016 at 2:40 pm #658434
    markgibbons243

    That’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?

    July 8, 2016 at 2:50 pm #658437
    Yigit

    Hi!

    I cannot see a checkbox on your page. Can you please post the link to your page where you have it?

    Best regards,
    Yigit

    July 8, 2016 at 3:48 pm #658485
    markgibbons243

    Hi,

    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’

    July 8, 2016 at 5:44 pm #658515
    Yigit

    Hi!

    Please add following code to Quick CSS 

    #top #wrap_all .error .input_checkbox_label {
    text-decoration: underline;
}

    Best regards,
    Yigit

    July 8, 2016 at 6:17 pm #658532
    markgibbons243

    Works perfectly, thank you so much!

    July 8, 2016 at 6:22 pm #658535
    Yigit

    Hi!

    You are welcome :)
    Enjoy your weekend!

    Cheers!
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘More visible form validation’ is closed to new replies.