This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Marco Paglia
Posted Apr 28 - Read on Facebook

Hi,
I used to be able to set as "transparent" the Canvas itself. In other words I could set "Framer.Device.fullScreen = true", and changing the Framer CSS to transparent would make the background to be transparent as well. This way I would (for instance) embed a framer file on a site, and having transparency among my elements.

This doesn't seem to work anymore. If I import files I made a year ago, they look transparent, but if I make new projects, I don't seem to be able to achieve the same result.

Did something change in the codebase? I can attach an example if this doesn't make sense.

Thank you guys
m

7 Comments

Marc Krenn

Shiiiiit, this completely fucks up my whole portfolio D:

Guys, I beg you, please look into this! Koen / Jonas / Benjamin

Marc Krenn

Here are some things that might help you track down the problem:

* The trick of setting body's background-color to transparent still worked as of last month, maybe even until the latest update hit.

* It's most likely NOT related to mirror.css - files behaves the same when being hosted externally.

* Here's an example file:
http://share.framerjs.com/7h4w3va7smez/

The first page is showing an embedded, up-to-date Framer project, which is always displayed with a solid white background, the second and third one are some older files with transparent one working.

Marco Paglia

apologies for a (maybe) false alarm. I've restarted my project from the beginning and it seems to work now. Thank you for getting back to me Marc.

Marc Krenn

Hey Marco,
"File -> Update Framer" did the trick for me, so I'm pretty sure Jonas fixed this for us in the meantime (even though I can't find any evidence of a fix on git).

Anyway, thanks, Jonas! :) (Y)

Marco Paglia

Peter Ng

Way to go marchoooooo

Marco Paglia

I see to have the same issue today. Anyone ever experience the issue again?

Read the entire post on Facebook