Title: Image for submit button
Last modified: November 15, 2023

---

# Image for submit button

 *  Resolved [lesleyturner](https://wordpress.org/support/users/lesleyturner/)
 * (@lesleyturner)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/image-for-submit-button/)
    1. I am using forms to gather information from guests for a birthday getaway and
       would like to have the submit button be an image….is that possible? Currently
       I only see an option to have a solid color background on the button.
 * 2. can I change the style of the button to an oval with rounded edges?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fimage-for-submit-button%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Support [Nithin – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport11/)
 * (@wpmudevsupport11)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/image-for-submit-button/#post-17206911)
 * Hi [@lesleyturner](https://wordpress.org/support/users/lesleyturner/),
 * Option to add the image and rounded edges etc is possible using custom CSS.
 * For example:
 *     ```wp-block-code
       .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:
 *     ```wp-block-code
           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
 *  Plugin Support [Amin – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support2/)
 * (@wpmudev-support2)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/image-for-submit-button/#post-17233505)
 * Hello [@lesleyturner](https://wordpress.org/support/users/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

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Image for submit button’ is closed to new replies.

 * ![](https://ps.w.org/forminator/assets/icon-256x256.gif?rev=3443182)
 * [Forminator Forms – Contact Form, Payment Form & Custom Form Builder](https://wordpress.org/plugins/forminator/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/forminator/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/forminator/)
 * [Active Topics](https://wordpress.org/support/plugin/forminator/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/forminator/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/forminator/reviews/)

## Tags

 * [submit button](https://wordpress.org/support/topic-tag/submit-button/)

 * 2 replies
 * 3 participants
 * Last reply from: [Amin – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support2/)
 * Last activity: [2 years, 6 months ago](https://wordpress.org/support/topic/image-for-submit-button/#post-17233505)
 * Status: resolved