@foxy25 to make globe transparent there are two changes required.
- Module div’s background color
- Globe canvas itself have black color as background.
First one can be easily doable with css but to make globe transparent you will need to change the code as well. Do below to make globe transperent.
- In custom.css add below css
.globe
{
background-color: unset;
}
- in modules\MMM-Globe\encom-globe.js file find below line and change it to.
from
this.renderer = new THREE.WebGLRenderer( { antialias: true } );
to
this.renderer = new THREE.WebGLRenderer( { antialias: true, alpha: true } );
below is output
Before

After

Let me know how/if it works for you.