Hello again.
I’ve figured out the basics to remove the form field border and create the single line under our form fields, here: http://dalaigroup.com/contact-us/
These were the necessary commands:
#wpforms-15468 .wpforms-form input, .wpforms-form textarea{
border: none !important;
border-bottom: 1px solid #cbcbcb !important;
}
I have more specific customization requests now that these changes have been made. The “Message” field is a larger container field, as it was made for paragraph text. I’m trying to hide it, so that the line space under the text is equal to all of the other lines. It seems like the inside of the box is visible. In the bottom-left corner of the box, a noticeable mark is placed. How can it be removed?
I’ve examined the style code for a similar contact form, here: https://www.konradgroup.com/contact
There are 2 style commands that stood out:
box-sizing: inherit !important;
overflow: hidden !important;
Neither of them were responsive and I’m not sure I’m on the right track for solving the issue with the extra space, here. Any help with form field code is appreciated!
Thank you
Sure thing! You were on the right track 🙂
#wpforms-15468 .wpforms-form textarea{
height: 38px !important;
resize: none !important;
}
The height property will force the element to be the same height as the single line text fields. The resize element should disable that thing in the corner you saw that allows the user to dynamically resize the text area.
Hope that helps!
That works perfectly. Thanks, Jared!
Excellent, happy to hear its working. Cheers!
