Overlay obstructs Profile and User Card backgrounds

support
1

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.

discourse-profile-background-01.jpg1059×537 99.6 KB

2

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);
}
2 Likes
3

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.

4

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?

4 Likes
5

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

Thx very much!

2 Likes