Shopify themes, liquid, logos, and UX
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 always
Solved! Go to the solution
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.
Please share your store URL.
Thanks!
Please share page URL you want to change
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
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!
@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?
Please add following css for "forgot password"
#RecoverPasswordForm input[type=submit]]{text-align: left !important;}
@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
@merxyz
Don't worry we are here to help you.
Kindly provide me ur Store url.
And give me collaboration access.
thank you
Remove added css and check
@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
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;}
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.
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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024