Contributor I

Solved

Transparent Backgrounds

4 replies
2932 views

When I’m building an email, I upload a transparent PNG, and when dropped in the email, it automatically applies a white background. Is there any way around this?

This topic has been closed for replies.

Taylor TarpleyAnswer

Community Manager

Hi @Bobomatcha2

Thanks for the callout, the previous advice was indeed for our classic editor, but is now outdated since our transition to the new.

In our new editor, blocks are automatically transparent to ensure the greatest compatibility across devices and Dark Mode settings. So as long as a background color for the block (or for the Section) is not manually chosen, the blocks will remain transparent. The same goes for images as well, so long as they are cropped or fitted with it's own transparency (ex. a product image with a colored background will still appear as normal, but clipart/images without set backgrounds will appear as transparent).

Hope this helps!

-Taylor

Jakub

Partner - Silver

Hi @miche

Welcome to the community and thanks for the question.

I don't now what you want to achieve but block backgrounds can be set to transparent in the main Styles tab in the email editor. This will affect every block that doesn't already have a set background color.

To make a block's background transparent so the template background will show, navigate to the main Styles tab in the sidebar. Delete the hex color for the Content Background value. Save the settings and refresh the page.

Source article: https://help.klaviyo.com/hc/en-us/articles/115005255968-How-to-add-a-background-image-to-an-email-template

-=JB=-

B

Bobomatcha2

Contributor I

When I’m building an email, I upload a transparent PNG, and when dropped in the email, it automatically applies a white background. Is there any way around this?

this is the old editor what about the new editor?

Taylor TarpleyAnswer

Community Manager

Hi @Bobomatcha2

Thanks for the callout, the previous advice was indeed for our classic editor, but is now outdated since our transition to the new.

In our new editor, blocks are automatically transparent to ensure the greatest compatibility across devices and Dark Mode settings. So as long as a background color for the block (or for the Section) is not manually chosen, the blocks will remain transparent. The same goes for images as well, so long as they are cropped or fitted with it's own transparency (ex. a product image with a colored background will still appear as normal, but clipart/images without set backgrounds will appear as transparent).

Hope this helps!

-Taylor

D

D.Jackson.VIP

Contributor II

I’m not sure this is correct. We have a text block that we place at the bottom of our emails with our footer info, that’s supposed to be transparent but always fills with a white background. We have to physically add the background color and make it match the email background color.

Sign up

Use your Klaviyo credentials

Log in to the Community

Use your Klaviyo credentials