Impulse Theme Custom Content Image wayyy too big

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.

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;
}