[stevefox78Participant]

Hi,

I’ve created a contact form using the Contact Form 7 plug in but the button is using the same colour as else where in the site which in this location results in a white on white button. I’ve searched for how to do this and found various instructions about writing css but I’m not a css expert and the instructions don’t seem to fit with the WP/Customeriser interfaces and as a result I haven’t found a way of fixing this yet.

I’d like to be able to set the colour for the button normally as well as the hover colour.

The URL for the relevant page is http://freshstance.co.uk/about-freshstance/

All help appreciated!!

Thanks

[ChristopherModerator]

Hi there,

Please add the following CSS under Customize -> Custom -> CSS :

input.wpcf7-form-control.wpcf7-submit:hover {
background-color: black;
color: yellow;
}
input.wpcf7-form-control.wpcf7-submit {
background-color: red;
color: blue;
}

Hope it helps.

[stevefox78Participant]

That’s great thanks, definitely gave me most of what I wanted.

I also used the following to change the colour of the outer ring on the button.

border-color: #9A989E;

Thanks for your help.

[Nabeel AModerator]

Glad we could help 🙂

Cheers!

[IceeyezParticipant]

Great this still worked, Thank you Themeco!

[Prasant RaiModerator]

You are most welcome. 🙂

[jimenagordillo@hotmail.comParticipant]

Thanks!!!!!!!! Saved me a lot of time

[ChristianModerator]

You’re welcome. Glad we could help. 🙂

[ajaguilarParticipant]

Hi there

I know that this thread is a bit old but I used this one to change the color – so thanks!

But, I’d like to know how to stretch the “submit” button so it lines up with the same width the fields have.

[ThaiModerator]

Hi @ajaguilar,

Please provide us with your website URL so we can take a closer look.

Thank you.

[ajaguilarParticipant]

http://www.rudolphdefense.com/

– completely forgot to add that on that last post (my bad)

[ChristopherModerator]

Hi there,

Please add this code :

input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
}

Hope it helps.

[ajaguilarParticipant]

It worked!

Thank you!!!! 😀

[ThaiModerator]

Glad it worked 🙂

If you need anything else please let us know.

[Author]

Posts