Align Button right single line form

Get Help
, ,
1

Team

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

2

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;
}

CleanShot 2023-06-08 at 19.07.24@2x
CleanShot 2023-06-08 at 19.07.24@2x2628×822 35.2 KB

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

3

Thanks Faisal for your help, worked a treat.

4

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:

5

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.

Thanks

6

To fix teh missaligned email field issue I added

#gform_2 .gform_footer.top_label {
justify-content: flex-start;
}
div#field_2_3{
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,

div#field_submit{
align-self: center;
margin-top: 4px;
}

1 Like