How to fix login page border?

[KuzuRan]

How to fix the login age broders and button at the headerof the page?Any help will be much appreciated. Many thanks

My store URL: https://kuzushop.com/

[KuzuRan]

Having broder issue of Create Account Page as well.

Any help will be highly appreciated.

[niraj_patel]

Hello @KuzuRan

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.customer .field { border: 1px solid #000 !important; } .customer button { color: #000 !important; border: 1px solid #000 !important; margin-left: auto !important; margin-right: auto !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[K-Mahesh]

Hello @
You can add code by following these steps

1. Go to Online Store → Theme → Edit code.
2. Open your customer.css file
3. Paste the below code from bottom on customer.css

.customer :is(#customer_login, #create_customer) .field:after {
    border-color: #000;
}
.customer :is(#customer_login, #create_customer) button {
    background-color: #000;
}
.customer :is(#customer_login, #create_customer) button:after {
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(243,243,243, calc(1 - 0.3 )), 0 0 0 var(--buttons-border-width) #000;
}

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[SetuBridge_1]

@KuzuRan

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.
2. Open your theme.liquid file.
3. Paste the code below before of the theme.liquid file.
4. Find the exact class name and Set the suitable font size as you want in the CSS code.

Screenshot:
Login Page: https://prnt.sc/nx3LCp4EyUnS
Register Page: https://prnt.sc/MjYN89Hui6Dl

[SetuBridge_1]

@KuzuRan

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.
2. Open your theme.liquid file.
3. Paste the code below before of the theme.liquid file.
4. Find the exact class name and Set the suitable font size as you want in the CSS code.

Screenshot:
Login Page: https://prnt.sc/nx3LCp4EyUnS
Register Page: https://prnt.sc/MjYN89Hui6Dl

[BSS-TekLabs]

• Here is the solution for you @KuzuRan
• Please follow these steps:

• Then find the base.css or theme.css file.
• Then add the following code at the end of the file and press ‘Save’ to save it.

.customer .field input {
    border: 1px solid #5433EB !important;
}
#customer_login button {
     background: #5433EB !important;
}

• Here is the result you will achieve:

• Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.