Image for submit button

Hi @lesleyturner,

Option to add the image and rounded edges etc is possible using custom CSS.

For example:

.forminator-button-submit {
    background: url('path-url-to-image') no-repeat;
    display: block;
    width: 150px; /* width of your image */
    height: 150px; /* height of your image */
    border: none;
    text-indent: -9999px; /* hides the button text */
    
    border-radius: 10px;
}

The above CSS should help with adding an image and also the size by setting the width and height as 150px as the above. You can customize the 150px according to your image.

The border-radius will be adding the rounded edges.

In the above CSS, this is the line which adds the image:

    background: url('path-url-to-image') no-repeat;

So make sure to update the path of the image in the above URL.

Please do check and see whether the above helps. You’ll have to tweak the values based on the image added.

The above CSS can be added by editing your form under Appearance Tab > Custom CSS section.

Best Regards,

Nithin

Hello @lesleyturner ,

I think the above message from my colleague helped with your query, so I will close this topic.
If not, please re-open it.

kind regards,
Kasia