Removing White background from collections page

Shopify Discussion
1

I would like to remove the white background that appears when I have the collection pages set up

Ive tried putting different codes that I have found but none have been working

Any help I would be thankful for.

781283f5964dbdcbd251a4bb3add7841.jpg
781283f5964dbdcbd251a4bb3add7841.jpg1499×768 120 KB

2

website is jmts.store

3

To remove the white background that appears on your collection pages, you can try the following steps:

  1. From your Shopify admin, go to “Online Store” and then click on “Themes.”
  2. Locate the theme you are using and click on “Actions” > “Edit code.”
  3. In the left sidebar, under “Sections,” find and click on the file named “collection-template.liquid” or “collection.liquid” (the exact name may vary depending on your theme).
  4. Look for a CSS class or ID that targets the background of the collection page. This could be something like “.collection-page” or “#collection”.
  5. Once you’ve identified the CSS class or ID, find the associated CSS code within the file. It may be within a <style> tag or in an external CSS file.
  6. Within the CSS code, look for a property that sets the background color, usually using the “background” or “background-color” property.
  7. Remove or comment out the line of code that sets the background color. For example, you can add “/" before the line and "/” after the line to comment it out.
  8. Save the changes and preview your collection pages to see if the white background is removed.

If the above steps don’t work or if you’re unsure about making changes to the code, it’s recommended to reach out to your theme’s support or a Shopify expert for assistance. They will be able to provide specific guidance based on your theme and help you achieve the desired result.