Solved

Image with transparent background showing black background

msrwalsh
Shopify Partner
46 1 12

Hi, I am having a problem with the design of my store.

 

I uploaded an image with a transparent background and it shows as black. I have that section set to transparent color as well. 

 

https://aprilonebourbon.com/

 

Screenshot 2024-06-06 at 10.09.07 AM.png

Accepted Solution (1)

BSSCommerce-HDL
Shopify Expert
733 242 254

This is an accepted solution.

Hi @msrwalsh
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSCommerceHDL_0-1717684501964.png

 

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSCommerceHDL_1-1717684506945.png

 

Step 3: Insert the below code at the bottom of the file -> Save

img.custom__block-image.lazyload {
    background-color: transparent !important;
}

Here is result: 

BSSCommerceHDL_2-1717684545689.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 3 (3)

BSSCommerce-HDL
Shopify Expert
733 242 254

This is an accepted solution.

Hi @msrwalsh
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSCommerceHDL_0-1717684501964.png

 

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSCommerceHDL_1-1717684506945.png

 

Step 3: Insert the below code at the bottom of the file -> Save

img.custom__block-image.lazyload {
    background-color: transparent !important;
}

Here is result: 

BSSCommerceHDL_2-1717684545689.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
msrwalsh
Shopify Partner
46 1 12

I tried but it didn't work.

 

Screenshot 2024-06-06 at 10.44.59 AM.png

msrwalsh
Shopify Partner
46 1 12

Sorry, got it to work under style.css.liquid.