does anyone know how to make an entire image so on a blog , the image gets cut off

Shopify Discussion
,

Topic summary

A user is experiencing an issue where blog images are being cut off or cropped instead of displaying in full.

Suggested solutions include:

  • Pre-upload optimization: Resize images to appropriate dimensions before uploading to the blog
  • Theme settings review: Check if the theme has built-in image display options that may be causing the cropping
  • Code modification: Edit the theme code to change image size references from “medium” to “master” for full-resolution display
  • CSS override: Apply custom CSS using object-fit: contain with width: 100% and height: auto to ensure images scale properly without cropping

The issue appears unresolved, with one proposed solution provided but no confirmation of whether it worked.

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

does anyone know how to make an entire image so on a blog , the image gets cut off

2

Hi,

You can try below steps

  • Resize before uploading
  • Check theme setting
  • Edit theme code “medium” to “master”
  • Add custom css if required
img {
    object-fit: contain;
    width: 100%;
    height: auto;
}