Shopify themes, liquid, logos, and UX
Hello,
Every product image that I upload with a transparent background (.png file) gets an annoying gray background. (debut theme)
How can I remove this? And let it be just transparent.
I have tried solutions from similar posts but they didn't work. Also, the header logo had the same problem but it was successfully solved with:
.site-header__logo-image {
background: transparent!Important;
animation: none!important;
}
Thanks in advance! 🙂
Solved! Go to the solution
This is an accepted solution.
Hello There,
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.template-product [data-image-loading-animation] {
background-color: transparent !important;
}
Hello There,
Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.
Sure!
Page link is:
https://grupogalatae.com/products/balsamo-capilar-cabellos-rubios-limon-y-miel
If you need anything else, just let me know.
This is an accepted solution.
Hello There,
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.template-product [data-image-loading-animation] {
background-color: transparent !important;
}
It worked.
Issue solved.
Thank you very much! Very appreciated! 🙂
Kindly feel free to get back to me if you need any further assistance Thanks!
Hi! I am having the same issue and could use your help with this, please! I tried pasting in the following code right after this code from my Debut theme. Did I paste this in correctly? My logo is still showing up with gray background. What am I doing wrong?
{{ 'theme.scss.css' | asset_url | stylesheet_tag }}.template-product [data-image-loading-animation] {
background-color: transparent !important;
}
}
Hello ZestardTech!
It appears this issue may have changed some since the solution was posted 3-30-21
Any chance you can attempt/repeat/revise the process in today's environment and update the process path instructions?
Thank you!
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024