Brooklyn theme Password Page

Solved
Highlighted
Tourist
4 0 1

Hi! I was wondering if somebody could help me set-up my password page?

My store is www.paranoia.world

As you can see it is currently password protected but the image I uploaded does not fit how I want it to on desktop or on mobile.

I tried to size the image to 1300px by 1000px which is the same as the original password-page-background.jpg asset but it doesn't quite fit properly. The skull in the background is too far down and doesn't even appear on mobile devices. I have kept the file name in theme.scss.liquid the same and have just replaced password-page-background.jpg with my own image and kept the file name the same.

How can I properly adjust the skull fits in the center on desktop and on mobile? What dimensions should I use and will I need to make an asset specifically for mobile devices?

Also currently the image looks very low quality, will this be fixed when the positioning and zoom is adjusted or is there an optimum file type I should use when making the background?

The image I am using:
password-page-background.jpg

 

 

 

 

 

 

 

 

Thanks in advance,

Mark Hanna
-Paranoia World

0 Likes
Highlighted
Shopify Partner
439 44 65

This is an accepted solution.

Hi @wrldguy ,

Add this to your theme.scss.liquid file

.password-page__wrapper {
    background-position: center !important;
}

Let me know if you need help with anything else.

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gamil.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
0 Likes
Highlighted
Tourist
4 0 1

Wow! Thank you so much! This worked exactly how I wanted it to!

0 Likes