What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: 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
6364 1723 2084

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!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


View solution in original post

Replies 5 (5)

Moeed
Shopify Partner
6364 1723 2084

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!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


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
6364 1723 2084

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!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


SamuelWyss
Tourist
4 0 0

Thank you so much!

Moeed
Shopify Partner
6364 1723 2084

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!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral