Impulse Theme Custom Content Image wayyy too big

Retired Boards Appdev Store Design
, , , ,

Topic summary

A user is experiencing an oversized custom content block image on their product page using the Impulse theme. The image is too large to fit within the viewport despite attempts to crop and edit it.

Initial Solution Attempted:

  • Another user suggested adding CSS to limit maximum width to 1000px on the page-width class
  • This approach didn’t fully resolve the issue due to existing @rules in the theme

Working Solution:
The original poster successfully configured the image by applying CSS to the .custom__item class with:

  • max-width: 1000px
  • Auto margins (left, right, bottom) for centering
  • flex: 0 0 auto

This combination centered the image and reduced it to the desired smaller size. The discussion appears resolved with a functional CSS workaround.

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

Hi all -

I am using a custom content block on my product page with an image. I’ve tried cropping & editing the image but the image is still FAR to big on the page - its so large it doesn’t fit on the page.

Would be curious what people have for suggestions on how i should display this? It’d be nice to adjust this down to the screen size but be able to have the entire image in frame(it’s the image with the arrows highlighting features)

Heres the URL to the site:
Cast Iron Seasoning Oil Blend | Cookware Care (mycookwarecare.com)

2

Hi @JordanDe

Please add this code to Custom CSS of that section to reduce the width of image

.page-width {
    max-width: 1000px;
}
3

THanks for the response, much appreciated @Dan-From-Ryviu !

That didn’t work fully as apparently my theme had some [email removed] rules in this block.

I was able to configure it a bit that got it to where i wanted(centered and smaller) with the following code:

.custom__item {
  flex: 0 0 auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}