Transparent PNGs showing white background?

Store Design
1

Hi,

houssamalissa_0-1628775237712.png
houssamalissa_0-1628775237712.png1482×661 116 KB

This section uses transparent PNGs, which you can see in the image select

houssamalissa_1-1628775272182.png
houssamalissa_1-1628775272182.png349×523 96 KB

However when I change the background colour of the section (as in first screnshot), the icons show white background. How can I have them be transparent?

Thanks :slightly_smiling_face:

2

@houssamalissa

Please Go to Online Store → Themes → Edit code → Assets → theme.scss.liquid and paste this code at the end of this file.

#shopify-section-1628497443a30d83a2 .page-width .image-wrap  {
    background: transparent !important;
}
1 Like
3

Excellent! Thank you!!

1 Like
4

@houssamalissa

Thank you for accepting my answer as a solution

1 Like
5

Hi! So excited that this worked for me! That said, the white background still shows up on the individual product pages. Is there a code to fix that as well? Thank you in advance!