CSS not fully working: me or .b?

[keith4]

Hi, I am new to .bubble and I am trying to get some CSS to work. Here is what I have in an HTML element (I also tried it on the page header):

#cardStyle{
border-radius: 20px;
background-color: rgba(255, 255, 255, 0.5);  
border: 2px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 0 80px rgba(0, 0, 0, 0.3);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px); 
}
</style>

I uploaded a screen shot:

• border-radius: renders
• border: renders
• box-shadow: renders

But both

• background-color: does not render (however, if I do the color as a hex and opacity separately, it works)
• backdrop-filter: does not render (however, if you use the pop-up element you can see that .bubble does support background blur)

Any idea about what’s going on? And how I might go about fixing it?

thanks!
Keith

[keith4]

So, it was me.

I added the all important !important command

#cardStyle{
border-radius: 20px !important;
background-color: rgba(255, 255, 255, 0.5) !important;
border: 2px solid rgba(255, 255, 255, 0.1) !important;
box-shadow: 0 0 80px rgba(0, 0, 0, 0.3) !important;
-webkit-backdrop-filter: blur(10px)!important;
backdrop-filter: blur(10px)!important;
}

and bing-o