Site Origin Contact Form

hey team,

In order to match my branding, I would like to see if there’s a way to only show the bottom border of the field (or hide the top, left & right border)

here is a link to my site, if needed.

thanks!

Here the CSS code to remove the border:

.sow-contact-form input[type="text"], .sow-contact-form input[type="email"], .sow-contact-form textarea {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-color: black;
}

.sow-contact-form input[type="text"]:focus, .sow-contact-form input[type="email"]:focus, .sow-contact-form textarea:focus {
    outline: none;
}

Awan,

I tried the code and it didn’t work.

Hi,

I’ve checked your site and I notice the code in above is worked.

How can I get the name, email and subject to display below the line like message?

You need to increase the width of the input field. To do that, you can use this:

span.sow-field-container input {
    width: 100%;
}