Debut Theme Product Photo Background in Featured Collection

Hello!

We are working on removing the grey-ish background that shows up on some of our product photos. Through other people on here, I was able to remove the background on the collection pages, but it still remains in the “featured collection” section on our home page, and in “product recommendations” on product pages. Is there a way to turn these white as well so they products appear to be floating?

Also, on our product pages, under the product images, there are bars with this same grey-ish color. Can that be turned white as well?

THANK YOU!

Website is https://justeyeglasses.com/

2 Likes

Hi @lburrough ,

I understand the issue. We can just remove the background color of the items. Please follow the instructions below

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the theme.scss.css
  3. Paste the code below at the very bottom of the file.
.grid-view-item .product-card__image-with-placeholder-wrapper, #shopify-section-product-template .co_product_main, #responsiveTabsDemo ul.r-tabs-nav, .template-product.product .breadcrumb {
    background-color: unset;
}
1 Like

Hi @Lburrough

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

  • Go to Online Store->Theme->Edit code
  • Asset-> theme.scss or theme.scss.liquid paste the below code at the bottom of the file.

.product-card__image-with-placeholder-wrapper,#responsiveTabsDemo ul.r-tabs-nav {

  • background: white !important;

}

Hope my solution works perfectly for you!

Best Regards;

PageFly

1 Like

Hello @lburrough

It will be helpful if you try this code.

Go to the Online store > Theme> Assets> theme.scss.liquid> Add code

.product-card__image-with-placeholder-wrapper {
    background-color: #fff;
}
1 Like

THANK YOU!!!

1 Like

you are welcome, I am glad when can help you