Solved

Center boxes on customer log in pages

flammagreg
Trailblazer
235 0 38

Hi guys, 

 

Website: seraneeva.com

 

How can I center the boxes on the customer log in, create account, and forgot your password pages? And how can I remove the words on the right side of the entries on the create account and forgot your password pages? Pic for reference: 

Screenshot 2024-06-09 at 10.09.26 AM.png

Accepted Solutions (2)

PageFly-Amelia
Shopify Partner
414 130 183

This is an accepted solution.

Hello @flammagreg 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css or theme.css

Step 3: Add code

#create_customer input, form[action="/account/recover"] input {
   margin-left: auto;
   margin-right: auto;
}

#create_customer label, form[action="/account/recover"] label{
  left: 120px;
}

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

View solution in original post

BSSCommerce-HDL
Shopify Expert
643 198 213

This is an accepted solution.

Hi @flammagreg, Pls insert this code to your file css: 

@media only screen and (min-width: 768px) {
  form#customer_login {
    width: 360px !important;
  }
    div#CustomerLoginForm {
      display: flex;
      justify-content: center;
    }
  }

Here is result: 

BSSCommerceHDL_0-1717954964421.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

View solution in original post

Replies 3 (3)

PageFly-Amelia
Shopify Partner
414 130 183

This is an accepted solution.

Hello @flammagreg 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css or theme.css

Step 3: Add code

#create_customer input, form[action="/account/recover"] input {
   margin-left: auto;
   margin-right: auto;
}

#create_customer label, form[action="/account/recover"] label{
  left: 120px;
}

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

flammagreg
Trailblazer
235 0 38

Could you do it for the log in page too?

BSSCommerce-HDL
Shopify Expert
643 198 213

This is an accepted solution.

Hi @flammagreg, Pls insert this code to your file css: 

@media only screen and (min-width: 768px) {
  form#customer_login {
    width: 360px !important;
  }
    div#CustomerLoginForm {
      display: flex;
      justify-content: center;
    }
  }

Here is result: 

BSSCommerceHDL_0-1717954964421.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development