Color Button

Try this in your cf7 form :
[submit class:SendBtnColor “SEND”]

and add this in your css : .SendBtnColor {background:#ff00ff}

Hi LESIMOON,

Thanks for you reply.
The button is black but when I pass the mouse over the text, the button change to very light gray.
With your code It does the same.

?Any ideas?

Thanks,

Check this bro

[submit class:mibutton2 “Download”]

<style>
.mibutton2:hover {
background-color: #008CBA;
color: white;
}
.mibutton2 {
background-color: white;
color: black;
border: 2px solid #008CBA;
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
cursor: pointer;

}

</style>

Source for more info and samples
https://www.w3schools.com/css/css3_buttons.asp

Hi ninjoan,
Thanks for you answer, but I do not get solved.
?I can send you a video so you can see what happens?
Thanks,

Try to add !important in your stylesheet :

form: [submit class:SendBtnColor “SEND”]

css: .SendBtnColor {background:#ff00ff!important}

Hi Lesimoon,

This is the configuration I have done.

In the Form: https://prntscr.com/bb2d7c
In the file css: https://prntscr.com/bb2dl7
This is the result: https://recordit.co/rQwOXiUbrs

?What have I done wrong?

Thanks,

That’s weird. Are you sure your css is included on your page?
Else, i’m sorry but I don’t know where it can come from :s

Hi Lesimmon,

The file css that I am modifying is in:
/wp-content/plugins/contact-form-7/admin/css

?Is correct?

Don’t you have any place in your theme option to add custom css?
Usually in Appearance/Theme Options

Yes, I have introduced but works equally.

https://prntscr.com/bbd78v

https://recordit.co/F6OnU1ARn3

??

?is there any other option?

Seems like it’s working.

.SendBtnColor {background:#ff00ff!important}
.SendBtnColor:hover {background:#ff00ff!important}

Also add the 2nd line.
Now just put the color you want

Thanks very much Lesimoon, but it does not work well ??
https://prntscr.com/bbdhu2

What about the result?
Don’t mind the /!\ on your screenshot, it just inform you you are using !important but you might need it to override your theme settings

The result is the same of de video previous.
https://recordit.co/F6OnU1ARn3

If the sign does not upset me but yes of button color.

Lesimonn,

I have contacted my template developer and I confirm that it is a problem of my theme.
I update the theme and will write again to report if it works in a few days.
Thanks,