Support » Plugin: Contact Form 7 Signature Addon » how to use an image sumit button

  • Resolved scantelcorps

    (@scantelcorps)


    Sorry if this has been answered already. Seems common enough but I could not find it.

    How would one use an image in a manner similar the the html code below as a submit button in contact form 7?

    <input type=”image” src=”http://yourwpsite.com/wp-content/uploads/2019/03/Get-Instant-Access-Button-PNG.png border=”0″ alt=”Submit” />

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author tameroski

    (@tameroski)

    I don’t think this is possible out of the box. I’d rather use CSS to do that :

    `
    #my-submit {
    background-image: url(“http://mysite.com/myimage.png”);
    background-size: cover;
    border: none;
    width: 32px;
    height: 32px;
    }
    `

    Thanks for your speedy response.

    I installed your CSS code in the section provide by my theme but I still ignorant as to how to access it in a form.

    I have always used the simple [submit “Send”] but of course that doesn’t work to show the button image.

    scantelcorps

    (@scantelcorps)

    I am trying <input id=”my-submit” type=”submit” alt=””>

    It functions OK but writes ‘Submit Query’ over the image.

    What am I missing?

    scantelcorps

    (@scantelcorps)

    Got it!

    <input id=”my-submit” type=”submit” value=””>

    not alt=”” Duh!

    Thanks again for your help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.