Title: Color Button
Last modified: August 31, 2016

---

# Color Button

 *  [Miguelonx](https://wordpress.org/support/users/miguelonx/)
 * (@miguelonx)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/color-button/)
 * Hi,
    Thanks for the work of this plugin. ¿As I can change the color of the send
   button? It’s silly but I can´t find. Thanks,
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

Viewing 15 replies - 1 through 15 (of 15 total)

 *  [LESIMOON](https://wordpress.org/support/users/lesimoon/)
 * (@lesimoon)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/color-button/#post-7433327)
 * Try this in your cf7 form :
    [submit class:SendBtnColor “SEND”]
 * and add this in your css : `.SendBtnColor {background:#ff00ff}`
 *  Thread Starter [Miguelonx](https://wordpress.org/support/users/miguelonx/)
 * (@miguelonx)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/color-button/#post-7433358)
 * 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,
 *  [ninjoan](https://wordpress.org/support/users/ninjoan/)
 * (@ninjoan)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/color-button/#post-7433377)
 * 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](http://www.w3schools.com/css/css3_buttons.asp)
 *  Thread Starter [Miguelonx](https://wordpress.org/support/users/miguelonx/)
 * (@miguelonx)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/color-button/#post-7433481)
 * 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,
 *  [LESIMOON](https://wordpress.org/support/users/lesimoon/)
 * (@lesimoon)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/color-button/#post-7433494)
 * Try to add !important in your stylesheet :
 * form: [submit class:SendBtnColor “SEND”]
 * css: .SendBtnColor {background:#ff00ff!important}
 *  Thread Starter [Miguelonx](https://wordpress.org/support/users/miguelonx/)
 * (@miguelonx)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/color-button/#post-7433521)
 * Hi Lesimoon,
 * This is the configuration I have done.
 * In the Form: [http://prntscr.com/bb2d7c](http://prntscr.com/bb2d7c)
    In the file
   css: [http://prntscr.com/bb2dl7](http://prntscr.com/bb2dl7) This is the result:
   [http://recordit.co/rQwOXiUbrs](http://recordit.co/rQwOXiUbrs)
 * ¿What have I done wrong?
 * Thanks,
 *  [LESIMOON](https://wordpress.org/support/users/lesimoon/)
 * (@lesimoon)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/color-button/#post-7433542)
 * 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
 *  Thread Starter [Miguelonx](https://wordpress.org/support/users/miguelonx/)
 * (@miguelonx)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/color-button/#post-7433545)
 * Hi Lesimmon,
 * The file css that I am modifying is in:
    /wp-content/plugins/contact-form-7/admin/
   css
 * ¿Is correct?
 *  [LESIMOON](https://wordpress.org/support/users/lesimoon/)
 * (@lesimoon)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/color-button/#post-7433546)
 * Don’t you have any place in your theme option to add custom css?
    Usually in 
   Appearance/Theme Options
 *  Thread Starter [Miguelonx](https://wordpress.org/support/users/miguelonx/)
 * (@miguelonx)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/color-button/#post-7433547)
 * Yes, I have introduced but works equally.
 * [http://prntscr.com/bbd78v](http://prntscr.com/bbd78v)
 * [http://recordit.co/F6OnU1ARn3](http://recordit.co/F6OnU1ARn3)
 * 🙁
 * ¿is there any other option?
 *  [LESIMOON](https://wordpress.org/support/users/lesimoon/)
 * (@lesimoon)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/color-button/#post-7433548)
 * 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
 *  Thread Starter [Miguelonx](https://wordpress.org/support/users/miguelonx/)
 * (@miguelonx)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/color-button/#post-7433549)
 * Thanks very much Lesimoon, but it does not work well 🙁
    [http://prntscr.com/bbdhu2](http://prntscr.com/bbdhu2)
 *  [LESIMOON](https://wordpress.org/support/users/lesimoon/)
 * (@lesimoon)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/color-button/#post-7433550)
 * 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
 *  Thread Starter [Miguelonx](https://wordpress.org/support/users/miguelonx/)
 * (@miguelonx)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/color-button/#post-7433552)
 * The result is the same of de video previous.
    [http://recordit.co/F6OnU1ARn3](http://recordit.co/F6OnU1ARn3)
 * If the sign does not upset me but yes of button color.
 *  Thread Starter [Miguelonx](https://wordpress.org/support/users/miguelonx/)
 * (@miguelonx)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/color-button/#post-7433554)
 * 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,

Viewing 15 replies - 1 through 15 (of 15 total)

The topic ‘Color Button’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [color](https://wordpress.org/support/topic-tag/color/)

 * 15 replies
 * 3 participants
 * Last reply from: [Miguelonx](https://wordpress.org/support/users/miguelonx/)
 * Last activity: [9 years, 10 months ago](https://wordpress.org/support/topic/color-button/#post-7433554)
 * Status: not resolved