Overlay obstructs Profile and User Card backgrounds

[ron_jeremy]

What is the point of Profile and User Card backgrounds if they are obstructed by the overlay? In the User Card instance, the background is almost completely blocked.

[cpradio]

So add a special CSS customization to provide more transparency to the overlay?

In Customize > CSS/HTML > CSS

#user-card .card-content {
  background: rgba(34,34,34,.5);
}

.user-main .has-background .details {
  background: rgba(34,34,34,.5);
}

[ron_jeremy]

Thanks for the help. Unfortunately, the CSS you posted does not work. I tried various changes like different rgb values and also the opacity from .5 to .1 to .9 but nothing made a difference.

[Mittineague]

@ron_jeremy

the CSS you posted does not work

It works perfect for me. Did you forget to check enabled?

before

after

before

after

The only thing I might want to change is whitening up the user card badge text.
But that would depend on what the background image was.
So maybe leave it alone? Bold it?

[ron_jeremy]

My bad – I did not set it to enabled. I will test various settings over the next few days.

Thx very much!