Solved

Getting a Black Background on Transparent Images

heftyfabworks
Tourist
11 0 8

I have a handful of products that I have transparent backgrounds on, and on the product pages they show up with a black background. Is there something I can do to make those show up transparent? I've tried one coding set I found on another thread but it didn't fix the problem.

 

Here is a link to an example: https://heftyfab.com/collections/swag/products/hefty-fabworks-hat 

 

Thank you 

Accepted Solution (1)

ExpertRookie
Shopify Partner
1518 249 314

This is an accepted solution.

Hi @heftyfabworks 
You can try follow this path:
Themes => edit code => asset => theme.css
and add this code to bottom of the file theme.css

.image-wrap{
background: transparent;
}

 

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.

View solution in original post

Replies 4 (4)

ExpertRookie
Shopify Partner
1518 249 314

This is an accepted solution.

Hi @heftyfabworks 
You can try follow this path:
Themes => edit code => asset => theme.css
and add this code to bottom of the file theme.css

.image-wrap{
background: transparent;
}

 

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
heftyfabworks
Tourist
11 0 8

Looks like that one worked! Thank you so much!

SwipeUpSneakers
Visitor
2 0 0

Hi there,

I have the same problem on pc everything looks good and nothing wrong.

but when you go on mobile i get black backgrounds on products with transparant images.

also ive added the code into my theme.css.liquid but it won't fix it.

Winston Leentvaar
Filip85
Visitor
2 0 0

It worked for me! Thank you so much 🙂