Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Modify colours of Login page with Refresh theme

Solved

Modify colours of Login page with Refresh theme

SamuelWyss
Tourist
4 0 0

Hi there,

 

I am trying to customize the /account/login page with some custom CSS. Unfortunately, It does not seem to work. I want to change the colour of the text and boxes and so on. I am using the Refresh theme.

 

Can anyone help?

Tks!

Samuel

Accepted Solution (1)
Moeed
Shopify Partner
6326 1715 2068

This is an accepted solution.

Hey @SamuelWyss 

 

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 </body> tag

<style>
.login a {
    color: black !important;
}
.customer button {
    background: lightgray !important;
}
</style>

RESULT:

Moeed_0-1729254761616.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 5 (5)

Moeed
Shopify Partner
6326 1715 2068

Hey @SamuelWyss 

 

Please share the details of your issue of what color code you wanna change to and of what so that I can help you out properly.

 

Best Regards,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


SamuelWyss
Tourist
4 0 0

Tks for oyur reply Moeed,

 

"Forgot your password?" and "Create Account" texts should be black.

The "Sign in" button should be darker grey

 

That's what's most important.

All the best,

Samuel

Moeed
Shopify Partner
6326 1715 2068

This is an accepted solution.

Hey @SamuelWyss 

 

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 </body> tag

<style>
.login a {
    color: black !important;
}
.customer button {
    background: lightgray !important;
}
</style>

RESULT:

Moeed_0-1729254761616.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


SamuelWyss
Tourist
4 0 0

Thank you so much!

Moeed
Shopify Partner
6326 1715 2068

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications