ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• August 4, 2014 at 3:02 pm #97533
  MHC

  Member

  Post count: 247

  Hi,

  How can I change the background color of the “Send” button on a contact form?

  Thanks.

  August 4, 2014 at 3:26 pm #97560
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  It uses the accent color

  – Kyle

  August 4, 2014 at 4:09 pm #97579
  MHC

  Member

  Post count: 247

  I know, but I want to change it without affecting other theme colors. Could you let me know the CSS to change this button color?

  Thanks.

  August 4, 2014 at 4:19 pm #97584
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Unfortunately it’s not possible, as there is an !important on the current color, which can’t be overwritten in the child theme

  – Kyle

  August 4, 2014 at 5:01 pm #97598
  MHC

  Member

  Post count: 247

  Ok understand.

  Can I stop the hover effect though?

  Thanks!

  August 5, 2014 at 10:21 am #97841
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-
  .wpcf7 input.wpcf7-submit[type="submit"]:hover{background:none repeat scroll 0 0 #695b24 !important}
  Hope that should work and let me know your feedback.
  Thanks 🙂
  With Best Regards
  Swift Ideas

  August 5, 2014 at 1:55 pm #97961
  MHC

  Member

  Post count: 247

  Hi Mohammad,

  Thanks so much!

  August 5, 2014 at 1:56 pm #97962
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Great, thanks Mohammad

  Kyle

  October 7, 2014 at 6:45 am #117815
  Kelle27

  Member

  Post count: 21

  Hi,

  I want to change the colour of my submit button too without effecting the rest of my website.
  It’s currently yellow but I want it black like my Share buttons in my portfolio pages.

  Could you please help me.
  I tried copying the line Mohammad typed in but I’m not sure where that goes..?

  http://www.kelle.co.nz/contact/

  Thank you in advance
  Kelly

  October 7, 2014 at 7:25 am #117820
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code at Admin -> Theme Options -> Custom CSS.
  .wpcf7 input.wpcf7-submit[type="submit"]{background:none repeat scroll 0 0 #000 !important}
  Thanks
  Mohammad

• Back to forum

  Posted in: Dante