Docs

[kearneycreativegr]

I was wondering what would be the easiest way to design a form that looks like the one attached. I only want it two be half of a column.

Thanks!

[Friech]

Hi There,

Thank you for writing in! You can place a Contact Form 7 contact form on a one-half column. And we will style it to make the fields looks like on your screenshot.

Cheers!

[kearneycreativegr]

Added it to the page! What’s the style I need?

Thanks

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[kearneycreativegr]

Here’s the URL: http://www.kearneycreative.com

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
    border-bottom: 2px solid #000 !important;
    border: 0;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #000 !important; font-size: 16px !important;}

[type="submit"]:hover, [type="submit"] {
    border-color: #000 !important;
    color: #000 !important;
    border-radius: 0 !important;
}

Thanks.

[Author]

Posts