Align Button right single line form


I wish to place the submit button on the right hand end of just this one specific form
[gravityform id=“3” title=“true”]

This page

Ive seen this suggested code

body .gform_wrapper .gform_footer {
    justify-content: flex-end;
body .gform_wrapper .gform_page_footer {
    text-align: right;

Where do i place it, I only want this specific form affected

In order to position the submit button on the right side, you can use the following CSS code:

#gform_3 .gform_footer.top_label {
	justify-content: flex-end;

I hope that helps. Let me know how that goes! :smile:

Thanks Faisal for your help, worked a treat.

You are welcome, Charles.

Great to hear that the issue has been resolved! If you require any additional assistance in the future, please do not hesitate to open a new ticket. :smile:

Thank you! :+1:

Faisal, how do i place the button on the end of the same row?

Setting position on both these urls submit button end of last row is causing placement issues.


To fix teh missaligned email field issue I added

#gform_2 .gform_footer.top_label {
justify-content: flex-start;
margin-top: -9px;

To fix the button alignment issue where the submit button was below the line of the name and email address fields, I added,

align-self: center;
margin-top: 4px;

1 Like