Technology

How to Change Gravity Forms Submit Button Length

Pinterest LinkedIn Tumblr

Hello guys, In the article I’m going to show you step by step guide how to change gravity form button length.

I was unable to find a way to Increase the size of Gravity Forms Submit Button and finally, I found a good CSS override method to do that.

Step 1

Go to your WordPress dashboard

wordpress dashboard screenshot

Step 2

Go to “Appearance”, wait for menu, and then the select the ‘Customize”

pasth to wordpress customize

Step 4

In “Customize” Window, Go left bottom then select “Additional CSS”.

path to custom css wordpress

Step 4

in that “Additional CSS” box, Copy and Past below code.

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    width: calc(100% - 16px) !important;
}
custom css add to wordpress

Step 5

After that click publish button in the left top.

custom css publish wordpress

Results

I think your problem now solved. So, If you think this article was helpful to you then share with your friends and help them too.

If you want to remove gravity forms submit button length, then follow the above steps then delete above CSS code, after that click publish button in the left top.

Thank you so much for reading my article.
Have a great day!

Write A Comment