Submit Button won’t center align

  • Resolved thewebstylist

    (@thewebstylist)


    6 years ago

    Hey Happy Forms fam! Curious, both of my client contact Happy Forms have the submit button off center and no idea how to fix. The setting for both is def on Center align. Also is there a way to edit the button text? Pls let me know! BIG UPS for your awesomeness

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • thethemefoundry

    (@thethemefoundry)

    Hey there, @thewebstylist ??

    Looking at the page you sent, it looks like Submit button is set to align left instead of center. Would you mind heading over to Style step → Submit Button and change Alignment control to Center? That should fix it up for you.

    You can edit Submit button text in Setup step → Submit button label input.

    Hope this helps! Let us know if you have any more questions. ??

    Thread Starter thewebstylist

    (@thewebstylist)

    Oh Jeez, sorry, that was her site before I migrated it to her hosting. This is the issue page https://donnapennell.com/contact/ https://cl.ly/a99c64539c13 https://cl.ly/9a0abc752016 It’s off a bit to the left, and both forms have this issue. Any ideas how to center right on?
    Ahhh GRT now I see Submit button edit text options, thnks! I don’t suppose possible to center Checkbox box text and button is there?
    THNKS FOR ALL!

    Got it, @thewebstylist!

    That button offset appears to be a bug ?? on our end which we luckily already fixed locally. It’s planned to go out in the upcoming release. Meanwhile, you can use the following code in Additional CSS in Customizer to patch it up.

    .happyforms-styles.happyforms-form--submit-button-align-center .happyforms-part--submit input[type=submit] {
  margin-right: 0;
}

    You can center align checkbox text easily with the following code:

    .happyforms-styles .happyforms-part .option-label {
  justify-content: center;
}

    Hope this helps! ??

    Thread Starter thewebstylist

    (@thewebstylist)

    Thanks for getting back to me! hmmmmm I implemented the CSS in customize and great job on centering the radio buttons/text! But the Submit button still won’t align with the text above (3 screenshots) https://cl.ly/1dd2524da876 I tried playing around w margin-left but that didn’t do anything. Any further advice? THNKS!

    Glad to see we’re making progress, @thewebstylist!

    This is funny — the reason we can’t center your Submit button is because it’s actually the only thing on the form that is centred ?? It’s all the form labels that are off-center.

    Try this code snippet to fix that up…

    .happyforms-part--label-as_placeholder label {
  left: 0;
}

    I hope this helps!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Submit Button won’t center align’ is closed to new replies.