Minimal theme - Centering Login page

Solved
AiluSwim
Tourist
17 0 1

Hi there,

I have two problems. In the first image, I'd like to center the login page and buttons. The second image, I would like to center the buttons.

 

Thanks!

 Screen Shot 2020-10-05 at 11.02.09 pm.pngScreen Shot 2020-10-05 at 11.02.16 pm.png

0 Likes
dmwwebartisan
Shopify Partner
6633 1551 2018

@AiluSwim 

Please share your website URL. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
AiluSwim
Tourist
17 0 1

https://www.ailuswim.com/

password: hello

 

Thanks!

0 Likes
dmwwebartisan
Shopify Partner
6633 1551 2018

This is an accepted solution.

@AiluSwim 

Please add the following code at the bottom of your assets/timber.scss.liquid file.

.template-customers-register .grid__item.wide--one-third.large--one-half.small--text-center {
text-align: center;
}

.template-customers-login .grid__item.wide--one-third.large--one-half.small--text-center {
    margin: 0 auto;
    float: none;
    text-align: center;
}

 

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
adorna
Tourist
23 0 2

Its working for the Login page but not for the register page.

0 Likes
dmwwebartisan
Shopify Partner
6633 1551 2018

@adorna 

Please share your website URL. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
adorna
Tourist
23 0 2
0 Likes
dmwwebartisan
Shopify Partner
6633 1551 2018

@adorna 

Please add the following code at the bottom of your assets/timber.scss.liquid file.

.template-customers-register .grid__item.wide--one-third.large--one-half.small--text-center {
    text-align: center;
    margin: 0 auto;
    float: none;
}

.template-customers-register .section-header__title {
    color: black;
    text-align: center;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
adorna
Tourist
23 0 2
It's working, thank you so much.
dmwwebartisan
Shopify Partner
6633 1551 2018

@adorna 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes