Form Send Button - own pic (png)

lenamedia · March 2017

1. How can i set a own send button in forms (.png)?

or 2. How can i change the color of the send button only?

Bryan · March 2017

Hi,

Please send us a link to the page with this button. You can change the color using CSS.

We can try with your picture as a custom send button but I will need this image. upload it to your media library and send me the link. We will change the color aswell.

thanks

lenamedia · March 2017

http://swb3.lenamedia.de/contact/

Here are my example.

My Button: http://swb3.lenamedia.de/wp-content/uploads/2017/03/sendbutton.png for example

Bryan · March 2017

Hey,

Use this css

.wpcf7-submit {
background: url(http://swb3.lenamedia.de/wp-content/uploads/2017/03/sendbutton.png)no-repeat center center !important;
    background-size: contain !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 14px 27px !important;
    color:transparent !important;
}

lenamedia · March 2017

ok works fine. But there is a frame around the sendbutton.png. ??

Bryan · March 2017

Yes there is, add this to your custom css

.wpcf7-submit {box-shadow:none !important}

Form Send Button - own pic (png)

Comments