Contact form 7 custom image for send button

[Pbalazs89]

Hi there,

I have a small issue. I would like to add a custom image for CF7’s contact button.

This is the page:

http://www.padthai.decorolux.com/kapcsolat/

I tried to apply this: http://cf7skins.com/contact-form-7-custom-button/, but for some reason it does not do the trick.

Any ideas?

Thanks!

[albrecht]

Hi There,

Try to update the css to

input[type="submit"] {
    background: url(http://www.padthai.decorolux.com/wp-content/uploads/2018/05/sendgomb.png) center center;
    text-indent: -9999px;
    box-shadow: none;
    font-size: 0px;
    max-width: 150px;
    width: 100%;
    height: 85px;
    padding: 0px;
}

input[type="submit"]:hover {
    background: url(http://www.padthai.decorolux.com/wp-content/uploads/2018/05/sendgomb.png) center center;
    box-shadow: none;    
    transform: scale(1.05);
    transition: all .5s;
}

Hope it works.

[Pbalazs89]

Thanks, that worked great!

[paul.r]

On behalf of my colleague, you’re welcome. Cheers!