Impulse Theme - Custom CSS for image resizing

Store Design

Topic summary

A user seeks help preventing the Impulse theme from automatically resizing images and requests custom CSS code.

Proposed Solution:
One respondent provides CSS code to override default image sizing:

  • Add img { width: auto !important; height: auto !important; max-width: none !important; } to custom CSS
  • Location: Online Store > Themes > Customize > Theme settings > Custom CSS or directly in theme CSS files (Assets/theme.css or Assets/base.css)

Caveats:

  • The Impulse theme may use specific CSS classes for images, so the solution might need refinement depending on which images/sections are affected
  • Another user requests the store URL to provide a more tailored solution

Status: The discussion remains open with one general solution offered, pending more specific details about the implementation context.

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

Hi Shopify community

Can someone kindly advise what is the best way to stop the IMPULSE theme from automatically resizing images.

If anyone is able to provide the custom css code I would be sincerely grateful

2 Likes
2

@TAB25
Could you please share your store URL so I can check it and provide an appropriate solution? Let me know if there’s anything else you’d like me to look into.

3

Hi there! :waving_hand:

To stop the Impulse theme from automatically resizing images, you can override the default CSS settings. Add the following custom CSS to your theme:

img {
  width: auto !important;
  height: auto !important;
  max-width: none !important;
}

You can add this under Online Store > Themes > Customize > Theme settings > Custom CSS, or by editing your CSS file (usually in Assets/theme.css or Assets/base.css).

Just a heads-up: Impulse may apply specific classes to images, so if you have a particular image or section in mind, let me know!

Hope this helps! :blush: