Solved

need button padding fixed on customer account section

merxyz
Excursionist
33 0 13

hey all, 

 

can anyone help me please align / fix the padding for the "sign in", "create" and "submit" buttons on the customer create account section? I have attached screen shots and I would like them aligned with the rest of the text, so starting from the left.... I have managed this through out the site on other buttons etc but I just can't find the section to fix / what to paste into the liquid theme to fix these ones. See screen shots attached, 

 

thanks as alwaysScreenshot 2021-10-16 at 13.02.08.pngScreenshot 2021-10-16 at 13.04.11.pngScreenshot 2021-10-16 at 13.05.09.png

Accepted Solution (1)
Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

 

.form-vertical input, .form-vertical select, .form-vertical textarea {
   min-width: 0px !important;
}

 

this will helpful for every pages.
Add this code to theme.css or scss
@merxyz 
Thank you.

View solution in original post

Replies 16 (16)

dmwwebartisan
Shopify Partner
12280 2546 3694

@merxyz 

Please share your store URL.

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
merxyz
Excursionist
33 0 13
dmwwebartisan
Shopify Partner
12280 2546 3694

@merxyz 

Please share page URL you want to change

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
merxyz
Excursionist
33 0 13

1 - https://mindseyerecords.xyz/account/login

 

2 - https://mindseyerecords.xyz/account/register

 

3 - https://mindseyerecords.xyz/account/login

 

so I would like the button text to be on the left - you'll see what I mean by it being the only text on the page in the centre

dmwwebartisan
Shopify Partner
12280 2546 3694

@merxyz 

 please Go to Online Store->Theme->Edit code then go to assets/theme.scss.liquid ->paste below code at the bottom of the file.

#customer_login input[type=submit]{text-align: left !important;}
#create_customer input[type=submit]{text-align: left !important;}

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
merxyz
Excursionist
33 0 13

@dmwwebartisan that worked for two of them but the third one for "forgot password" the "submit" button is still in the centre... but the other two worked great! is it please possible to have the submit button under forgot password on the left as well please?

dmwwebartisan
Shopify Partner
12280 2546 3694

@merxyz 

Please add following css for  "forgot password"

#RecoverPasswordForm input[type=submit]]{text-align: left !important;}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
merxyz
Excursionist
33 0 13

@dmwwebartisan that hasn't worked... it seemed to have changed / messed up the whole theme, check out the screen shot below, the first two was fine then when I added the third the site looked like this

Screenshot 2021-10-16 at 13.44.35.png

Zworthkey
Shopify Partner
5581 642 1565

@merxyz 
Don't worry we are here to help you.
Kindly provide me ur Store url.
And give me collaboration access.

thank you

dmwwebartisan
Shopify Partner
12280 2546 3694

@merxyz 

Remove added css and check 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
merxyz
Excursionist
33 0 13

@dmwwebartisan hi, yeah so I removed the last code which was - #RecoverPasswordForm input[type=submit]]{text-align: left !important;} and the website went back to normal, then I added that again and thats when it went to what it looks like in that screen shot.... any ideas? cheers

dmwwebartisan
Shopify Partner
12280 2546 3694

@merxyz 

Remove previous all code and add this code 

#customer_login input[type=submit]{text-align: left !important;}
#create_customer input[type=submit]{text-align: left !important;}
#RecoverPasswordForm input[type=submit]{text-align: left !important;}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

 

.form-vertical input, .form-vertical select, .form-vertical textarea {
   min-width: 0px !important;
}

 

this will helpful for every pages.
Add this code to theme.css or scss
@merxyz 
Thank you.

merxyz
Excursionist
33 0 13

@Zworthkey thanks so much this has worked perfect!

Zworthkey
Shopify Partner
5581 642 1565

@merxyz 
Most welcome.

merxyz
Excursionist
33 0 13

@dmwwebartisan 

 

1 - https://mindseyerecords.xyz/account/login

 

2 - https://mindseyerecords.xyz/account/register

 

3 - https://mindseyerecords.xyz/account/login

 

so I would like the button text to be on the left - you'll see what I mean by it being the only text on the page in the centre