How to change the text and button color of the account section?

Store Design
,
1

I need help changing all the text and button in the account section to the color white. Does anyone know how I might do this?

Website: www.puffplayground.com

example.png
example.png2554Ă—1295 47.1 KB

2

Hey @puffplayground

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1726562291193.png
Moeed_0-1726562291193.png1040Ă—566 20.2 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

thank you that seems to have worked, do you know how to change the “sign in” button from yellow to white?

4

Hey @puffplayground

Keep the previous code and add this new code above in the end of theme.liquid file.

.customer button {
    background: white !important;
}
.customer button:after {
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(18,18,18, calc(1 - 1.0)), 0 0 0 var(--buttons-border-width) rgb(255 255 255) !important;
}

RESULT:

Moeed_0-1726564670170.png
Moeed_0-1726564670170.png662Ă—581 18.6 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

5 
form#customer_login button {
    background-color: #ffffff !important;
}

Hi @puffplayground Please add those CSS in the assets/base.css file. It will work.

Safin_Sayed_0-1726564788776.png
Safin_Sayed_0-1726564788776.png1887Ă—622 101 KB

Thanks.

6

Hi @puffplayground

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > customer.css and paste this at the bottom of the file:
.login a{
color:white;
}