Making your DDX HTML Brick transparent

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?

Tagged:

Best Answer

  • meerens
    meerens Member
    Answer ✓

    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.

Answers

  • meerens
    meerens Member
    Answer ✓

    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
    Jessica Contributor

    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

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

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