Minimal theme - Centering Login page

Solved
AiluSwim
Excursionist
23 0 5

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
7292 1721 2292

@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
Excursionist
23 0 5

https://www.ailuswim.com/

password: hello

 

Thanks!

0 Likes
dmwwebartisan
Shopify Partner
7292 1721 2292

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
Excursionist
35 0 5

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

0 Likes
dmwwebartisan
Shopify Partner
7292 1721 2292

@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
Excursionist
35 0 5
0 Likes
dmwwebartisan
Shopify Partner
7292 1721 2292

@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
Excursionist
35 0 5
It's working, thank you so much.
dmwwebartisan
Shopify Partner
7292 1721 2292

@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