How to change product background from transparent to grey - Capital 33.3.0

How to change product background from transparent to grey - Capital 33.3.0

raidednz
Excursionist
24 0 2

How do I change the product background from transparent to grey like the image below?

 

Website: https://raidednz.com/

 

(Image from another store)

raidednz_0-1748432825523.png

 

Replies 2 (2)

topnewyork
Astronaut
1549 191 253

Hi @raidednz,

In Shopify, you can change the product image background by going to the image settings in your admin panel. There is an option to edit or replace the background color directly from there.

topnewyork_0-1748434222308.png

 



Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month

websensepro
Shopify Partner
2137 267 318

Hi @raidednz 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
product-card.grid-view-item.text-align--center {
    background-color: #eae8e8 !important;
    padding: 10px !important;
    border-radius: 8px !important;
}
</style>

websensepro_0-1748434874935.png


If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP