Aligning a custom liquid image to the left

[LiamP191]

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.

[Sheesh_b · Accepted solution]

Hi @LiamP191 

You can try below code

<img style="display: block; margin-left: -45px; 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">

 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

[Sheesh_b · Accepted solution]

Hi @LiamP191 

You can try below code

<img style="display: block; margin-left: -45px; 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">

 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

[syedsumaimaly · Accepted solution]

Hi @LiamP191 

You can try this code.

<img style="display: block; margin-left: -10%; margin-right: auto;width: 100% " src=https://cdn.shopify.com/s/files/1/0806/8320/4902/files/Save_3000_x_427_px_3.png?v=1696312316>

RESULT:

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