Images in a blog post side by side.

Shopify Discussion

Topic summary

A user is attempting to display two images side by side in a Shopify blog post but the images are currently stacking vertically instead of horizontally.

Attempted Solutions:

  • Added CSS flexbox styling to base.css and theme.css files with .image-row class
  • Inserted HTML with the custom class into the blog’s HTML editor
  • Tried inline CSS styling with display: flex and justify-content: center

Despite these efforts, the desired side-by-side layout has not been achieved. The user also asks whether it’s possible to make these images clickable links that anchor to sections further down the same blog post.

Current Response:
One commenter suggests the issue may stem from inserting images directly into page content rather than using a section. They recommend creating a separate template for the page and inserting images through a section instead.

The discussion remains open with no confirmed resolution yet.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I’ve been trying to display two images side by side in a blog post.
I’ve tried many different recommendations, however, I’m still unable to get the images to show how I want.

What I'd like it to look like
What I'd like it to look like1039×856 893 KB

Current
Current621×1717 289 KB

What I’ve tried so far:
Adding the following code to the base.css and theme.css

.image-row {
display: flex;
gap: 10px;
}
.image-row img {
width: 50%;
}

Then adding the code to the blog HTML Editor:

Image 1 Image 2

I’ve additionally tried:

Image 1 Image 2

The code currently:

Which Side Do You Choose?

Image 1 Image 2

Additionally, I’m wondering if it’s possible to turn the side by side images to to links which are anchored further down the blog post?

The preview link of the blog: https://kwsgbs2ag9tfrx6f-30014734435.shopifypreview.com/blogs/news/articles?preview_key=72d6b319655e49bc1dc9e4f65126989e

Thanks in advance for all the tips and help!

1 Like
2

Hey @SLH123

It looks like you have directly inserted the image into Page content instead of a section, I would highly suggest you to create a separate template for your page and then insert the images in a section.

Best Regards,

Moeed