Shopify themes, liquid, logos, and UX
Hi, I'm looking for a solution to change the colour of all my product image backgrounds. The background of the images will be transparent and I need to change it to a grey colour, for example #f5f5f5. I have done this on the dawn theme with this code in the theme.liquid file:
<style>
.media.media--transparent{
background-color: #f5f5f5 !important;
}
</style>
The problem is, that I am switching to the impact theme and the code above isn't working with this theme. I appreciate all the help you can offer guys!
Hi!
Unfortunately, thats not what I'm after. I need my product images to have a transparent background but also to look like the image above, with a grey background from the website view
Hello,
There are Shopify apps available that might offer automatic background removal as part of their features. You can search the Shopify App Store for image editing or background removal apps.
Ideally I'm looking for a simple code that will do the job, just like the one I use in my dawn theme.
You should try the code on it again and if it is not compatible with the theme then you need to make use of configuration plugins on the shopify app store.
The code I use for the dawn theme unfortunately doesn't work for the impact theme. I tried to put it everywhere. I'm keen of solving this with code, so I'll keep looking and trying. Thanks!
okay I will just advice you to put it in the theme liquid file you use when doing it with free theme.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025