SOLVED

Align button to right side of form

Go to solution
Nancy_Casler1
Level 2

Align button to right side of form

I'm trying to get my form button to align to the right per our web team's new design specs. I can't include a link to the page in development, but I put the form on a test LP here: https://info.gepower.com/WF_2020_GE-Power_Web-CUF_Main-Web-CUF-LP-Test.html

Can anyone suggest a way to move it over to the right? I don't want to drag it to the right in the form builder if I can avoid that...

2 ACCEPTED SOLUTIONS

Accepted Solutions
Harish_Gupta6
Level 8

Re: Align button to right side of form

Add this css on your page or form level.

 

.mktoForm .mktoButtonWrap {
margin-left: 0px !important;
width: 100% !important;
display: flex;
flex-direction: column;
align-items: flex-end;
}

.mktoButtonRow {
display: flex;
}

 

Harish_Gupta6_0-1594920315519.png

 

Harish Gupta

View solution in original post

SanfordWhiteman
Level 10 - Community Moderator

Re: Align button to right side of form

Flex isn't supported in IE. You'd also need the prefixed styles.

 

But this doesn't need anything that complex. Just:

.mktoButtonRow {
    display: block !important;
    text-align: right !important;
}

 

View solution in original post

4 REPLIES 4
Harish_Gupta6
Level 8

Re: Align button to right side of form

Add this css on your page or form level.

 

.mktoForm .mktoButtonWrap {
margin-left: 0px !important;
width: 100% !important;
display: flex;
flex-direction: column;
align-items: flex-end;
}

.mktoButtonRow {
display: flex;
}

 

Harish_Gupta6_0-1594920315519.png

 

Harish Gupta

View solution in original post

SanfordWhiteman
Level 10 - Community Moderator

Re: Align button to right side of form

Flex isn't supported in IE. You'd also need the prefixed styles.

 

But this doesn't need anything that complex. Just:

.mktoButtonRow {
    display: block !important;
    text-align: right !important;
}

 

View solution in original post

Nancy_Casler1
Level 2

Re: Align button to right side of form

Thank you @Harish_Gupta6  and @SanfordWhiteman ! It turned out that I needed BOTH of your solutions. If I implemented either one without the other, my button remained aligned to the left.

SanfordWhiteman
Level 10 - Community Moderator

Re: Align button to right side of form

Most def'ly don't need Flexbox for this, something doesn't make sense here.

 

Here's your form in all modern browsers with only the CSS I supplied:

 

https://app.crossbrowsertesting.com/screenshots/5085555/5553867?type=fullpage&size=large