How can I remove the custom background from my products?

Topic summary

A user encountered an unwanted custom background appearing on product elements after setting a shop-wide background image.

A solution was provided involving:

  • Navigating to Online Store → Edit Code → theme.liquid file
  • Adding custom CSS code above the </body> tag to override the product background styling

Initially, the fix worked only on individual product pages but not the main page. The original poster later confirmed resolving this through correcting a user error, successfully removing the unwanted product backgrounds across all pages.

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

I change shop background to custom image and when I added products to main page products gets another custom background which I dont want it and how I can delete them?

link: https://ventousglobal.pl

password: Waquem

Hey @Ventous

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

this worked for when i click on a product, but not for the main page.

1 Like

user error, got it fixed