Motion Theme | Call Out Image Transparent Background

Topic summary

  • Issue: In the Shopify Motion theme’s Call Out section, the front image displays a white background even though the source images are transparent PNGs. The goal is to have the image area remain transparent.

  • Attempted fix: Adding CSS (.callout-image { background: transparent !important; }) did not remove the white background.

  • Access: The merchant shared a preview store URL and password to allow inspection and troubleshooting.

  • Suggestion given: A participant advised removing the image background using remove.bg and shared a sample image. This did not resolve the issue because the images already have transparent backgrounds.

  • Likely cause: The Call Out section (theme script/CSS) is imposing a white background layer that overrides the transparent PNGs.

  • Status: Unresolved. No working code (CSS/Liquid) override has been provided yet. Next step is a theme-specific modification to remove or override the Call Out section’s background layer.

Summarized with AI on February 10. AI used: gpt-5.

Hi,

Does anybody know a trick to make the front image with transparent background as well?

I tried this but this does not work;

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

**The store is currently in draft mode so I am not able to share an url. If it is really needed I will publish is on a different and live domain.

1 Like

@Teddy9

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Hey @KetanKumar ,

Thanks for reaching out. Here’s the URL;

https://super-rebel-kids.myshopify.com/

password: ‘jolo’

Hi! @Teddy9

This is PageFly - Free Landing Page Builder. I would love to provide my recommendations for

your store based on 6 years of providing solutions for about 100.000 active Shopify merchants.

I think you need to remove the background of the photo, you can do it here

https://www.remove.bg

Here is a picture I removed the background so you can check it out and use it

Best regards,

PageFly

Thanks for the tip, all images already have a transparent background. The theme Call Out Section script creates the white background which I want to remove again but have no idea how.