How do i change the button position on locksmith page?

[Sab24]

How do i change the position of the log in button to be centered? This is a locksmith page.

here is the page link: https://maisonsaintil.com/pages/members-only

[PageFly-Amelia]

Hi @Sab24 

This is Amelia from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag </body> -> save.

<style>

p {

    color: initial;!i;!;

}

.page-width>div {

    display: flex;

    flex-direction: row;

    justify-content: center;

    margin-bottom: 10px;

}

</style>

Hope that my solution works for you.

Best regards,

Amelia | PageFly

[Made4uo-Ribe]

Hi @Sab24 

Try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

div a.btn.btn-primary.btn-block.button.button--primary {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

main#MainContent {
    position: relative;
}

• And Save.
• Result:
  

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[Sab24]

it worked for the memebership page, but the rest of my pages look like this:

[Tech_Coding · Accepted solution]

Hello @Sab24 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   main#MainContent .page-width>div {
      display: flex;
      align-items: center;
     max-width: 100%;
     flex-direction: column;
     margin-bottom: 10px;
  }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.