Why is my landing page image blurry on gigachew.com.au?

Store Design
1

Hey,

At the bottom of my landing page I have an image titled “For the Brave”

My site is: gigachew.com.au

The image is extremely blurry as soon as its placed in an image with text but not when I use custom liquid etc

Is there any way to fix this?

I’ve attached an image for reference

LiamP191_0-1698275338881.png
LiamP191_0-1698275338881.png2497×1055 293 KB

2

Hi @LiamP191

You can fix the image issue in your Online store > Themes > Edit code > open image-with-text.liquid

Find this line of code

{%- assign widths = '198, 432, 642, 900, 1284, 1800' -%}

Replace it with this

{%- assign widths = '198, 432, 642, 1800, 1800, 1800' -%}

And find this line of code

{%- assign widths = '165, 360, 535, 750, 1070, 1500' -%}

Replace with this

{%- assign widths = '165, 360, 535, 1500, 1500, 1500' -%}
3

Hey Dan,

I did what you said and replaced the code, however it’s still blurry…

4

Did you check your original image quantity?

5

Do you mean quality? the quality is brilliant until I put it in that image with text box.

6

My mistake, quality.

7

Or you can try to update this code

{%- assign widths = '198, 432, 642, 1800, 1800, 1800' -%}

To this

{%- assign widths = '1800, 1800, 1800, 1800, 1800, 1800' -%}

And this code

{%- assign widths = '165, 360, 535, 1500, 1500, 1500' -%}

To this

{%- assign widths = '1500, 1500, 1500, 1500, 1500, 1500' -%}
8

You’re a life saver Dan, that worked, Thank you!

9

You are very welcome, @LiamP191