How to center an image output by a metafield in a custom liquid block

Store Design
,

Topic summary

A user needed help centering and resizing an image displayed on a product page through a metafield in a custom Liquid block.

Initial Code:

  • Using {{ product.metafields.custom.display | metafield_tag }} in the custom Liquid block

Resolution:

  • The issue was resolved using basic HTML <center> tags wrapped around the markup object to center the image
  • The user acknowledged this was a simple solution they initially overlooked

Status: Resolved - the discussion ended with the user finding their own solution before receiving detailed assistance.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
2

Hello @YAJones
Can you send me your site url?