White Background for Products / how to remove / Shapes Theme

Store Design
, ,
1

Hello, I’m working with the Shapes Theme and I want to have no white background on my products, which are already transparent anyway, when they are displayed on for example the home page or the product page. How can I remove this?

2

Hi @VICTOR52 ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.bundle.css->paste below code at the bottom of the file:

.media-style-container:after {
    background: none !important;
}

PageFlyRichard_0-1677684065519.png
PageFlyRichard_0-1677684065519.png1469×921 272 KB

I hope it would help you
Best regards,

Richard | PageFly

3

Hey, I tried it but it stills shows the product like this:

VICTOR52_0-1677684215180.png
VICTOR52_0-1677684215180.png770×720 396 KB

4

Hi @VICTOR52 ,

Does your image currently use png?

If possible can you share your store URL and if your store is password protected then please provide password too.
So that we can help you.

Thank you.

5

sniff-snuggle.myshopify.com

pass: —

6

Took a quick look and your product images are all JPG images. You need to create PNG images in order to have a transparent background on the image itself. JPG’s will show up white background.

7

Hi @VICTOR52

Currently I check it looks like your image is jpg. It is not a transparent image format. Please redesign your image to png

Best regards,

Richard | PageFly