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
http://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: http://prntscr.com/bb2d7c
In the file css: http://prntscr.com/bb2dl7
This is the result: http://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.
http://prntscr.com/bbd78v
http://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 🙁
http://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.
http://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,
