Hello
How do I realign my password label to the top one.
password: riacia
Topic summary
A user is experiencing a misalignment issue with the password label on their customer login page, as shown in an attached screenshot.
Three solutions were proposed:
-
Solution 1: Add custom CSS code to the bottom of theme.liquid file (above the
</body>tag) to adjust label positioning -
Solution 2: Insert CSS code into theme.css file targeting the password label with
padding-left: 22px;to align it with other form elements -
Solution 3: Add CSS code to theme.liquid above the
</head>tag to resolve the alignment
All three responses provide step-by-step instructions involving editing theme files through the Shopify admin (Online Store > Themes > Edit Code). Each solution uses CSS to adjust the label’s positioning, though they differ in file location and specific styling approach. The issue remains unresolved as the original poster has not confirmed which solution worked.
Hey @TBS2023
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
Hi @TBS2023
Go to your Online store > Themes > Edit code > open theme.css file, add this code at the bottom, and save the file
.form-vertical label[for="CustomerPassword"] { padding-left: 22px; }
Hi @TBS2023
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Richard | PageFly