Overlay obstructs Profile and User Card backgrounds


#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.


(cpradio) #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);
}

#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.


(Mittineague) #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?


#5

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

Thx very much!