MOTION THEME - "Collection Callout" remove shadow effect

Solved
lion_no
Explorer
55 5 18

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:

lion_no_0-1634215737782.png

 

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!

Replies 12 (12)
lion_no
Explorer
55 5 18

@Zworthkey as seen in the product list (in Shopify admin)

lion_no_0-1634562556509.png

 

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?

Zworthkey
Shopify Partner
3502 412 799

This is an accepted solution.

Hii, @lion_no 
Paste this code on top of the theme.css file.

.callout-image {
    background-color: transparent !important;
}

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

lion_no
Explorer
55 5 18

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)
https://community.shopify.com/c/shopify-design/motion-theme-collection-page-remove-slow-transition-o...