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 </body> on theme.liquid
<style>
.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;
}
</style>

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_ · Accepted solution]

@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 </head> 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

<style>
.customer .field input{
  border: 1px solid #b7b7b7 !important;
  border-radius: 10px !important;
}
.customer.login form button,#create_customer button{
  border: 1px solid #b7b7b7 !important;
  color: #353535 !important;
}
</style>

[SetuBridge_]

@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 </head> 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

<style>
.customer .field input{
  border: 1px solid #b7b7b7 !important;
  border-radius: 10px !important;
}
.customer.login form button,#create_customer button{
  border: 1px solid #b7b7b7 !important;
  color: #353535 !important;
}
</style>

[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.