Docs

[kestough]

I’m trying to get the button on the contact form to look like the transparent button next to it. It’s using the Contact Form 7 plugin, and I’ve seen a bit of CSS but nothing that does exactly what I need. Just wondering if it’s possible to get just this button to change without changing the global settings for all my buttons.

See screenshot here: http://www.clipular.com/c/5779661980434432.png?k=jWlNoxo8qZsj6ktRcj4F_oPR-G0

[Prasant Rai]

Hello There,

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.

Thanks.

[kestough]

This reply has been marked as private.

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.page-id-75 #x-section-3 .wpcf7 #form-submit{
    background-color: transparent;
    border: 3px solid #fff;
    color: #fff;
    padding: 0.429em 1.143em 0.643em;
    text-transform: uppercase;
    font-size: 14px;
}

Hope that helps.

[kestough]

Thanks! That worked!

[Nabeel A]

Glad it worked.

Cheers!

[Author]

Posts