Contact Form 7
How to change color of send button? (4 posts)

  1. Kirbyworks
    Posted 3 years ago #

    The background doesn't seem to respond to my css definitions.


  2. Josh Hardman
    Posted 3 years ago #

    Try creating a custom class around the submit in the form generator:

    <p class="contact-submit">[submit "SUBMIT"]</p>

    Then, add CSS styles as such:

    .contact-submit input{
         width: 100px;
         height: 30px;
         background-color: #000;
         font-size: 13px;
         color: #fff;
         border: 1px solid #fff;
         border-radius: 5px;
  3. jefonte
    Posted 3 years ago #

    Hi Josh, have you an idea how to change the standard button for an image?
    THANK YOU VERY MUCH if you are able to give me a hand on this. I will really appreciate it.

  4. marketingaicom
    Posted 3 years ago #

    Try the code from Josh Hardman but replace background-color: #000 with:

    background: url('http://your-site/your-image-location');

    Something like that should work.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic