How can I remove image backgrounds from my collections?

Topic summary

A user is trying to remove background images from their Shopify collection pages. They located a .media file in the browser console but cannot find the corresponding code in their theme files to delete the problematic line.

Proposed Solution:
Another user suggested adding CSS code to the theme’s style.css file (found under Online Theme > Edit Code > Assets) to override the background image with padding adjustments.

Current Status:
The original poster is unable to locate the style.css file in their theme structure, creating a roadblock to implementing the suggested fix. The discussion remains unresolved as they continue searching for the correct file location.

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

hello,

i got really anoying problem, i need to remove backgrounds from my collections images. I found .media file in console (pic1) and i can not find this file in my source code, i just need to delete makred line, is there any chance to do it? I tried a lot of things but i think there must be an easy way.

here is link to my shopify shop: my shop

Thanks for help!

pic1.png

@stybvwv

please place below code into your theme file or collection customizer and hit save.

Theme File > Online Theme > Edit Code > Assets > style.css

#Banner-template--21074335531350__image-banner .banner__media {
	padding-bottom: 14rem;
}

Theme Customizer Select collection page instead of homepage

1 Like

hey,

thanks for fast answer!

sorry but i dont get that, i cant find style.css in my code

am i some kind of ape?

nvm, i just cannot find style.css…

anyway, thanks for help! :heart:

1 Like

@stybvwv

its styles.css

1 Like