Aligning a custom liquid image to the left

My store is: https://gigachew.com.au/products/giga-chew-mastic-gum

In my product page I’ve added a sizing image using custom liquid but I can’t seem to get the image to align to the left

The code for my custom liquid is: <img style="display: block; margin-left: auto; margin-right: auto;width: 110% " src=https://cdn.shopify.com/s/files/1/0806/8320/4902/files/Save_3000_x_427_px_3.png?v=1696312316>

I’ve attached an image of what I mean, it looks wonky at the moment.

Hi @LiamP191

You can try below code


![Save_3000_x_427_px_3.png?v=1696312316|3000x427](upload://qW7P6ZtDYfg99P08uDqGAV6qvg5.png)

but I would rather not suggest to do. Your image have some space in the left and if you remove that, it’ll align automatically.

Thanks

Sheesh B

1 Like

Hi @LiamP191

You can try this code.


![Save_3000_x_427_px_3.png?v=1696312316|3000x427](upload://qW7P6ZtDYfg99P08uDqGAV6qvg5.png)

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solutions.

1 Like