Contact Form 7
[resolved] submit button does not load background image? (3 posts)

  1. NicolasDC
    Posted 5 years ago #


    I think that Contact form 7 is a great plugin and thus have installed it :-)

    nevertheless, while the form and field appear correctly i cannot succeed to use an image background for the submit button.

    i am new tho WP, went through the forum and support and tried the recommended method [submit class:button_contact id:form-submit "Send"] join with a specific css (added in my WP style.css), see below

    input.submit, button_contact {
    width: 290px;
    height: 30px;
    margin: 0px;
    padding: 0px;
    background: #f39f0d url(img/bg-form-submit-orange.png) no-repeat left top;
    border: none;
    color: #fff;

    But does not work :-( no background image is loading!

    this is weird as for example, i succeed to use and have an image to load using css input textareas.

    dev page with can be found here : http://decode-consulting.com/eng/contact-us/

    thank you very much in advance for you help and support on this.


  2. Takayuki Miyoshi
    Plugin Author

    Posted 5 years ago #

    Make sure you are using correct selector.

    [submit class:button_contact id:form-submit "Send"]

    input.submit, button_contact {

    Obviously, this should be

    input.button_contact {

  3. NicolasDC
    Posted 5 years ago #

    thank you very much Takayuki, works like a charm now :-)

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