Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
This is an 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
This is an 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.
This is an 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
This is an 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.
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025