Centring the Sign Up button

  • Hi everyone,

    I’m currently working on my website (https://orangechickadeeshop.com/) and I’m having some trouble positioning the sign-up button in the center of the page. I’ve tried a few different things, but nothing seems to be working quite right.

    I’m using Flatsome to build my site.

    Does anyone have any tips or suggestions for how I can get the sign-up button to display in the center of certain block? I would really appreciate any help you can offer!

    Thanks in advance!

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @dropzop76,

    I believe you must be using the Flatsome UX builder feature to build your custom layout. You will need to add the below CSS in the div containing the Sign up button :

    align-self: flex-end;

    I hope this helps!

    The button is actually centred.

    The reason it doesn’t seem centred is that it’s sharing the horizontal space with something else: there’s some “spinner” thing to the right which is hidden with the CSS visibility: hidden.

    The visibility: hidden hides the element, but it still occupies the space.

    What is this spinner? And why is it hidden?

    If you don’t need it, remove it from your Contact Form 7 form. Or use display: none to hide it completely.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Centring the Sign Up button’ is closed to new replies.