Canvas background always white?

[jacopsd]

Loading a page with a transparent background gives unexpected results since grapesjs always inserts a white background for the canvas.

This code is seen starting with the grapesjs iframe tag:

Can this background-color style rule be removed or changed somewhere pls?

[javadsamiee]

You can change it with baseCss in the init

baseCss: 'body { background: red; }',

[jacopsd]

Same result.
On the containing page where I open the grapesjs editor, there is a background picture. Target is to see that picture "though" the page being edited with the grapesjs editor. Still the grapesjs canvas is not transparent.

[javadsamiee]

Are you able to create a reproducible demo (by using for example stackblitz)?

[jacopsd]

Here is a jsfidl. It still shows an error on the console (not sure why), but it shows the background behaviour:

https://jsfiddle.net/jacopsd/wxht8veu/3/

[javadsamiee]

Check https://jsfiddle.net/9t4zkaqp/11/

I added a custom style and modified the baseCss

baseCss: 'body { background: transparent !important; }',

<style>
.gjs-editor { background:rgba(86,35,255,0.6) !important;  }
</style>

[jacopsd]

Indeed, this solves the question. Thank you.