We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How to change product background in a custom theme?

Solved

How to change product background in a custom theme?

Storum
Shopify Partner
32 0 3

Hello,

Could someone help where I can change the background of all my products with a code? In a custom theme

This is how it should look

Storum_2-1672154589250.png

 



This is now

Storum_3-1672154598776.png

 



The website is 
https://monttega.com/collections/hoodies

 

Accepted Solution (1)

suyash1
Shopify Partner
11112 1367 1751

This is an accepted solution.

@Storum - add to the very end of your theme.css file

.product-item__image-wrapper {background-color: #e3e2e2;}
To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com

View solution in original post

Replies 4 (4)

suyash1
Shopify Partner
11112 1367 1751

This is an accepted solution.

@Storum - add to the very end of your theme.css file

.product-item__image-wrapper {background-color: #e3e2e2;}
To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com
suyash1
Shopify Partner
11112 1367 1751

@Storum 

suyash1_0-1672155803931.png

 

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com

KetanKumar
Shopify Partner
37635 3670 12168

@Storum 

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.product-item__aspect-ratio {background: #f2f2f5;}

 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

GemPages
Shopify Partner
5625 1262 1292

Hello @Storum 

 

It's GemPages support team and glad to support you today.

I would like to give you a solution to support you.

1. Go to Online Store -> Theme -> Edit code.

2. Open your theme.liquid theme file.

3. Paste the below code before </body>:

 

<style>
.shopify-section--main-collection .product-item__image-wrapper {
  background-color: #e3e2e2;
}
</style>

 

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center