Blurry Password Page

nmdubya
Tourist
9 0 1

I cannot get the password page header image to be clear on desktop. I have saved the image at exactly 500px, larger, 300dpi, saved from PS and AI... everything I can think of. It's still blurry. 

 

www.besoandbabe.com

 

Any ideas? 

0 Likes
Wahab_Ahmad
Shopify Partner
698 110 163

Hello,

The background color of your page has made your logo color blurry. Change the color

0 Likes
nmdubya
Tourist
9 0 1

Why is that so? Is white the only option?

 

edit

 

I changed the color and it did not help. I've even tried uploading random pngs/jpegs and they all come out blurry, too.

0 Likes
nmdubya
Tourist
9 0 1

Themes -> Debut -> Actions -> Edit Code` and select `password-header.liquid` inside the `Sections` menu:

src="{{ section.settings.logo | img_url: '300x300' }}"

Change 300x300 to 1000x100 - not sure why, but it worked.

0 Likes
Wahab_Ahmad
Shopify Partner
698 110 163

Use Color filter with your logo image. I hope It will work for you.

0 Likes
urbnsage
Tourist
5 0 1

If anyone is still having this issue, you'll actually want to change your data widths to "[1080, 1296, 1512, 1728, 2048]"

Here's how to do it:

1) Go to sections > password-header.liquid

2) search for 

data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"

 3) change the widths to be "[1080, 1296, 1512, 1728, 2048]"

So your code should now look like: 

data-widths="[1080, 1296, 1512, 1728, 2048]"

 

Hope this helps!!