How do I Center one image in a custom content box on one page?

Store Design
,

Topic summary

A user needed to center a single image within a custom content box on one specific page of their store.

Resolution:

  • The issue was self-resolved before receiving community responses.
  • Solution involved using custom CSS in the custom content box.
  • The CSS code applied was: div { justify-content: center; }

Context:

  • The image was placed inside a custom content box.
  • The centering was only required for this particular image on this specific page, not site-wide.

The discussion is now closed with a working solution provided.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

Hello,

Can you please show me how the easiest way to center this image on this page. It is only needed on this page only and only on this image. I used a Custom Content box and put the image in that.

Thank you

Screenshot 2024-01-17 at 4.18.04 PM.png
Screenshot 2024-01-17 at 4.18.04 PM.png1105×229 27.8 KB

2

HI Everyone… I figured out this issue on my own but thank you to everyone for your suggestions.

Here is how to use the Custom CSS box to center an image in a Custom Content box…

div {
justify-content: center;
}