How to centre Gallery element in vintage theme

Store Design

Topic summary

A user working with the Minimal vintage theme (from ThemeForest) needs help centering a 3-image gallery that appears slightly off-center.

Initial attempts:

  • Already tried adjusting margins (top: -40px, bottom: -100px) and width (250px)
  • Images remain misaligned

Solution provided:
PageFly-Noah suggested adding margin: 0 auto; to the .gallery__image CSS class:

.gallery__image {
  width: 250px;
  margin: 0 auto;
}

Outcome:
The solution successfully centered the gallery. The user noted they had been switching between themes, which may have caused initial confusion about which version was live versus in preview mode.

PageFly-Noah confirmed the same CSS code can be reused if the new theme has similar structure, otherwise adjustments may be needed.

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

Hi there,

My client is using a vintage theme called Minimal (I believe purchased from Theme Forest) and I have a Gallery with 3 images. I have already used this code below but I can’t work out how I can centre them. If you look at the image below, you’ll notice it’s slightly off centre (middle and right logo).

Store URL: https://rooandfriends.com/

Thank you.

Center images

.gallery__image {

width: 250px;

}

Reduce top margin

}

.gallery__image-container {

margin-top: -40px;

}

Reduce bottom margin

.gallery__image-container {

margin-bottom: -100px;

}

meld78_0-1693349371799.png
meld78_0-1693349371799.png1851×418 62.9 KB

2

would you be able to provide me with the code?

3

Hi @meld78

This is Noah from PageFly - Shopify Page Builder App

Please try with this code

.gallery__image {

  width: 250px;
  margin: 0 auto;
}

If possible, please share with me the URL of the page that has those images gallery. I tried on the URL above but i can’t found it

Hope this can help you solve the issue

Best regards,

Noah | PageFly

1 Like
4

Perfect, that worked. I’ve been switching between themes so it’s possible that I have the other version without it set to public. Thank you

5

@meld78 If your new theme have the same structures you can use the same code

If its have different structures, please share with me the URL of the preview by share preview here:

PageFlyNoah_0-1693364285048.png
PageFlyNoah_0-1693364285048.png2114×1462 295 KB

1 Like