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
- From your Admin Page, click Online Store > Themes >Actions > Edit code
- In the Asset folder, open the theme.scss.css
- 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
you are welcome, I am glad when can help you
