I'm currently upgrading our website, and I really like the looks of it as of right now - however, there's slight slight perceived visual issue with the "Collection Callout".
Please see image below:
Pref. solution would not have a shadow effect, so items could rather blend into each other and look stacked on top of each other!
All help is appreciated!
Solved! Go to the solution
Hey, @Zworthkey - Here's a preview link to the URL, showcasing the issue at the top:
Appreciated the help! 🙂
@Zworthkey hi again!
Sorry for the late response, had to delay the work on the new page to priorities other tasks.
I can verify that the snippet you sent has removed the shadow effect, but I stumbled upon an additional thing that would be neat to combine with this.
Originally the product pictures on the collection are transparent, however in "Collection Callout" suddenly have a background and are no longer transparent png files.
Might be due to a conversion from .jpg to .png, what would be the easiest way to change this? Pref. globally for the entire store 🙂
Thanks a lot for the help so far though, so I appreciate your help - even if you aren't able to help with the next bit mentioned above ~
I might be going blind, because I can't find any reference to it under the theme customization,
Unless you refer to
Which unfortunately wouldn't solve my issue, as I would have to pick a image background color (and what I'm looking for is to have a transparent option, aka no background color)
If there's a specific option for "Shadow from all images", I must be blind - as I can't find it hehe 🙂
@Zworthkey sorry! I might not have been clear enough - your snippit code worked to remove the shadow, but now I noticed that the pictures are also using a background effect based on:
Though the original product pictures are .png and transparent, so this is an additional question if you know how to tell the theme to use transparent .png pictures instead of .jpg (if possible)
Here's an example on shadows being gone, but image using a background instead of being transparent which creates a box appearance.
Here's a preview link - so you can see it yourself: https://28x38yzbem51frl6-50647859379.shopifypreview.com
@Zworthkey as seen in the product list (in Shopify admin)
The product is using a transparent image, .png file.
However the MOTION theme seems to convert it to non-transparent, which would be neat to turn off for us - so I'm curious to how we could do this?
That worked perfectly!
Thank you so much for all the help!! 😄
If possible - would love your view on this issue (read the description of the issue, as it includes how to reproduce it on your own)
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...By Trevor Sep 20, 2023
Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...By Skye Sep 15, 2023