CODEWITHSUNDEEP
contact-form-7
Andrew Truckle
Andrew Truckle

Reputation: 19157

Setting background colour of contact form 7 submit button not correct

I have seen a few questions and also searched the internet. It sounds like the answer to this question should be simple.

Here is my contact form:

http://www.publictalksoftware.co.uk/contact-form/

I am using the Contact Form 7 plugin.

My issue relates to the Submit button. I have used "Additional CSS":

.wpcf7 input[type="submit"]
{
    font-weight: normal;
    background: #eeeeee!important;
    color:black;
}

But the result is like this:

Submit

But that is not right. It should be like this:

Submit 2

Why is this happening?

I have added more CSS to size the botton and add rounded corners. Also hover effect. But my colours are still not being honored.

Upvotes: 0

Views: 2269

Answers (1)

Anil Suwal Qode
Anil Suwal Qode

Reputation: 120

First, create a id for the Submit button then provide the CSS for that id:

input#id
{
    font-weight: normal;
    background: #eeeeee!important;
    color:black;
}

Upvotes: 1

Related Questions