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
2595 310 645

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. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | 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...