Change color on text and button on customer login page.

Solved

Change color on text and button on customer login page.

silenceclothing
Explorer
132 0 17

Hello. does anyone know how to change color for this text and button to white on  customer login page?

silenceclothing_0-1736763098237.png

 

Accepted Solution (1)

DaisyVo
Shopify Partner
3795 412 499

This is an accepted solution.

Hi @silenceclothing 

 

To complete your requests, please follow these steps:
Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
Paste the code provided into the Custom CSS section.

form#customer_login > a {
    color: white !important;
}
form#customer_login > button {
    background: white !important;
    color: black !important;
    border: none !important;
}
form#customer_login > button::after {
    box-shadow: none !important;
}


Here is the result: 

image_720.png

 

I hope this helps

 

Best, 

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Replies 11 (11)

ZestardTech
Shopify Partner
6071 1087 1458

Hello @silenceclothing,
Here are the steps to apply the necessary changes in your Shopify store:

  • In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  • Locate Asset > base.css and paste the following code at the bottom of the file:

 

form#customer_login button {
background: transparent;
color: white;
}

 

Could you please provide the URL/ password  to your store so that I can check it and provide you with the exact solution?

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
silenceclothing
Explorer
132 0 17
ZestardTech
Shopify Partner
6071 1087 1458

Please add this css

 

div#CartDrawer  .cart-drawer__empty-content a.button {
    background: white;
    color: black !important;
}
.customer button {
    background: white;
    color: black !important;
}

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
silenceclothing
Explorer
132 0 17

Did not work. but i found this long code in bottom of the base.css, is this supposed to be here?

silenceclothing_0-1736764006917.png

 

ZestardTech
Shopify Partner
6071 1087 1458

You can remove this if the code is not working. Thank you.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

topnewyork
Astronaut
1175 154 198

Hello, @silenceclothing 
Please share "Store URL"
Thanks!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month

Zellen
Shopify Partner
1 0 0

Could you please share your store URL so I can review it for you?

Committed to excellence, innovation, and customer satisfaction—your trusted partner for Shopify success. Let's build something extraordinary together

websensepro
Shopify Partner
1854 215 262

Hi @silenceclothing 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

form#customer_login button {
    background: #ffff !important;
    color: black !important;
}
form#customer_login a[href="/account/register"] {
    color: #ffff !important;
}

 Result:

websensepro_0-1736766770571.png

 

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

DaisyVo
Shopify Partner
3795 412 499

This is an accepted solution.

Hi @silenceclothing 

 

To complete your requests, please follow these steps:
Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
Paste the code provided into the Custom CSS section.

form#customer_login > a {
    color: white !important;
}
form#customer_login > button {
    background: white !important;
    color: black !important;
    border: none !important;
}
form#customer_login > button::after {
    box-shadow: none !important;
}


Here is the result: 

image_720.png

 

I hope this helps

 

Best, 

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
silenceclothing
Explorer
132 0 17

thanks!