hello, i have a problem on my lof-in page, the border when in focus is not the same length as my border field, how can fix it? it looks like this. Thanks in advance [Screen Shot 2023-11-21 at 9.58.49 AM.png]

Please update code .customer .field { padding-left: 0px !important; } .customer .field input:focus~label { left: 5px !important; } .customer .field label { padding-left: 16px !important; }

Hi @sweetchin23 Could you share your store link please?

To solve the issue, please add this code at the bottom of your base.css file. .customer .field { padding-left: 0px !Important; } .customer .field input:focus~label { left: 5px !important; }

oh, I edited it now. Thank you so much

Login border focus not the same with border field

Store Design

sweetchin23 November 21, 2023, 3:26pm 5

Thank you! But now it looks like this, I would like to have a space between the border and text.

Topic		Replies	Views
Contact form's textarea and input field has borders yet I can't disable it from the code Store Design design , customizations , landing-page , html	4	86	March 25, 2025
How to fix login page border? Store Design header	6	103	July 27, 2024
Form top border issue Store Design design	8	29	August 31, 2024
Remove border around input fields Store Design design , css	6	95	August 31, 2024
Removing border lines on search bar and newsletter - DAWN theme Store Design header , customizations , footer , css , shopify-themes , product-page	4	68	September 21, 2023

Login border focus not the same with border field

Related topics