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.
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024