Moving Password Entry Box to Center of Page

[laurafromML]

Hi there,

My site is https://maggie-lyon-chocolatiers.myshopify.com/ and it is a Wholesale customer portal, so a password must be entered in order to shop.  I would love for the "Enter Store Using Password" button to sit directly below the words "Maggie Lyon Wholesale Portal" before the text block, center of the page. Is this possible? Can someone instruct me on coding this? 

Thank you!

[ZestardTech]

Hello There,

1. Go to Online Store->Theme->Edit code
2. assets->assets/theme.scss.liquid->paste below code in the bottom of the file

.password-action-bar {
max-width: 354px!important;
margin: 0 auto!important;
padding: 3rem 3.2rem!important;
text-align: center!important;
}

Screenshot :- https://prnt.sc/vuwi66 , https://prnt.sc/vuwip9

[mistersandman]

This did not work for me

[R_Fatima]

Please try to add this code in Custom code editor>Custom CSS, this is found in lower left part of the editor

.__pf_password-btn {

left: 50%;
transform: translateX(-50%);
right: unset;
}

[Martini4a]

I might have the solution for you. But it needs a lot of coding adjustments.

How much coding experience do you have?