Making your DDX HTML Brick transparent

meerens · 2022-11-24T18:00:40+00:00

There was an error rendering this rich post.

Greetings :wave:

Hoping someone will be able to solve a mystery for me. I have been playing with the HTML brick and am stuck on how to make the background of the card transparent. I used the card interface but even when set to transparent it remains white which I suppose in makes sense.

I tried using CSS to have the background match the background of the dashboard but then I'm left with this white space at the bottom. I'm unable to resize my card to get rid of the white space and avoid the scrollbar. Is there a hack for this or am I missing something obvious?

Find more posts tagged with

Cards

HTML

DDX

Accepted answers

meerens

So I managed to find the solution to this. Using the background color UI of the brick card to control the background doesn't work. 'Hacking' your CSS does.

By giving the class my div container that holds all my html and the actual html element the same color you have full control over the background of your brick.

All comments

meerens

So I managed to find the solution to this. Using the background color UI of the brick card to control the background doesn't work. 'Hacking' your CSS does.

By giving the class my div container that holds all my html and the actual html element the same color you have full control over the background of your brick.

Jessica

you can also use background-color: #11ffee00;

that is the hex code for transparent, the when you set the card background as transparent on the page set up, it will just show the page background

meerens

Thank you - great tip. Going to try that next.

JasonAltenburg

@meerens this helped me out today just wanted to say Thank you!