How to change the background color of the "password page" on Supply theme? 2018

Highlighted
New Member
3 0 0

On the Supply theme, the "password page" has an image as background, I want to remove the image from the background, and I want that the background is the same color as my “Homepage, Header color”, so color #090039.

Any help?

Thanks!

0 Likes
Highlighted
Tourist
14 0 2

Hello,

Before you attempt this be sure to make a backup copy of theme.scss.liquid!

Here is how you can change your background color.

  1. Go to Online Store
  2. In the Actions dropdown select Edit Code
  3. Under Assets select theme.scss.liquid
  4. Find this:

                background-image: url({{ 'password-page-background.jpg' | asset_url }});

          Replace with:

               background-color: #090039;

Good luck!

Highlighted
New Member
3 0 0

Nice man, it works, thank you very much!

Maybe you could help me also with my other post, please?:

https://ecommerce.shopify.com/c/ecommerce-design/t/how-to-make-fixed-navigation-bar-on-supply-theme-...

0 Likes
Highlighted
Tourist
7 0 0

Hello @Suzi_Thompson ,

Thank you so much for this, it helps ! 

Can you also explain us how can we replace the image by an other, when this image is on our computer ?

 

Thanks for that, have a good day ☀

Ally

0 Likes