# Overlay obstructs Profile and User Card backgrounds

**URL:** https://meta.discourse.org/t/overlay-obstructs-profile-and-user-card-backgrounds/43623
**Category:** Support
**Created:** [Maio 3, 2016, 5:51pm UTC](https://meta.discourse.org/t/overlay-obstructs-profile-and-user-card-backgrounds/43623 "2016-05-03T17:51:01Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![ron\_jeremy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ron_jeremy/32/56621_2.png) [@ron\_jeremy](https://meta.discourse.org/u/ron_jeremy)
#### Post date: [Maio 3, 2016, 5:51pm UTC](https://meta.discourse.org/t/overlay-obstructs-profile-and-user-card-backgrounds/43623/1 "2016-05-03T17:51:01Z")

</div>

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.

 ![](https://global.discourse-cdn.com/meta/original/3X/0/3/03e571d31659a78652a1806fdbe9a3cc08425c28.jpg)

 ![](https://global.discourse-cdn.com/meta/original/3X/0/5/05f1349f23092025ab618da38e07137291f19bb1.jpg)

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [Maio 3, 2016, 5:57pm UTC](https://meta.discourse.org/t/overlay-obstructs-profile-and-user-card-backgrounds/43623/2 "2016-05-03T17:57:43Z")

</div>

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

In Customize \> CSS/HTML \> CSS

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

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

```

---

<div class="post-metadata">

### Author: ![ron\_jeremy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ron_jeremy/32/56621_2.png) [@ron\_jeremy](https://meta.discourse.org/u/ron_jeremy)
#### Post date: [Maio 4, 2016, 6:04am UTC](https://meta.discourse.org/t/overlay-obstructs-profile-and-user-card-backgrounds/43623/3 "2016-05-04T06:04:27Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [Maio 4, 2016, 8:11am UTC](https://meta.discourse.org/t/overlay-obstructs-profile-and-user-card-backgrounds/43623/4 "2016-05-04T08:11:09Z")

</div>

> [@ron\_jeremy](#):
>
> the CSS you posted does not work

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

before

 ![](https://global.discourse-cdn.com/meta/original/3X/a/c/ac4a5ca51ab197257846950b81081205a8e4464f.png)

after

 ![](https://global.discourse-cdn.com/meta/original/3X/2/d/2d393a5c326700073f85352ef138a9aade530dc1.png)

before

 ![](https://global.discourse-cdn.com/meta/original/3X/9/b/9b9c89a2ae1e94fde40dbe92fbe5878e41eb2e00.png)

after

 ![](https://global.discourse-cdn.com/meta/original/3X/a/b/ab612f13f5dae3651d83dec3492bdb9816c55a03.png)

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?

---

<div class="post-metadata">

### Author: ![ron\_jeremy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ron_jeremy/32/56621_2.png) [@ron\_jeremy](https://meta.discourse.org/u/ron_jeremy)
#### Post date: [Maio 6, 2016, 5:35pm UTC](https://meta.discourse.org/t/overlay-obstructs-profile-and-user-card-backgrounds/43623/5 "2016-05-06T17:35:38Z")

</div>

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

Thx very much!

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [Junho 8, 2024, 12:45pm UTC](https://meta.discourse.org/t/overlay-obstructs-profile-and-user-card-backgrounds/43623/6 "2024-06-08T12:45:39Z")

</div>

Este tópico foi automaticamente fechado após 2957 dias. Novas respostas não são mais permitidas.