# Blog Entry Background different from Blog Roll Background

**URL:** <https://community.elfsight.com/t/blog-entry-background-different-from-blog-roll-background/93693>\
**Category:** Customization\
**Tags:** blog\
**Created:** [January 10, 2025, 3:42pm UTC](https://community.elfsight.com/t/blog-entry-background-different-from-blog-roll-background/93693 "2025-01-10T15:42:45Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![user15220](https://avatars.discourse-cdn.com/v4/letter/u/f4b2a3/32.png) [@user15220](https://community.elfsight.com/u/user15220)\
**Post date:** [January 10, 2025, 3:42pm UTC](https://community.elfsight.com/t/blog-entry-background-different-from-blog-roll-background/93693/1 "2025-01-10T15:42:45Z")

</div>

We’d like to make the background of the blog roll semi-transparent, to better install on our WP page. However, in so doing, the background of all the posts are also semi-transparent and therefore illegible.

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [January 10, 2025, 7:09pm UTC](https://community.elfsight.com/t/blog-entry-background-different-from-blog-roll-background/93693/3 "2025-01-10T19:09:35Z")

</div>

Hi there, @user15220 👋

You’d like to set the semi-transparent background in the general blog view (see screenshot), but this background shouldn’t be applied to the post popup, am I right?

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/2/8/288eb985d8bf2b91213834f7630e9e902322fc14.jpeg)

---

<div class="post-metadata">

**Author:** ![user15220](https://avatars.discourse-cdn.com/v4/letter/u/f4b2a3/32.png) [@user15220](https://community.elfsight.com/u/user15220)\
**Post date:** [January 13, 2025, 5:41pm UTC](https://community.elfsight.com/t/blog-entry-background-different-from-blog-roll-background/93693/4 "2025-01-13T17:41:21Z")

</div>

Hi Max, Yes, it would appear that anything I apply to the background of the blog roll is also applied to the post pop-ups as well.

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [January 14, 2025, 12:13pm UTC](https://community.elfsight.com/t/blog-entry-background-different-from-blog-roll-background/93693/5 "2025-01-14T12:13:06Z")

</div>

Thank you, @user15220!

Here is the solution from our devs:

1. White semi-transparent:

```auto
[class*='Background__Base-sc'] {
  background-color: rgba(245, 245, 245, 0.5)!important;
}

```

1. Black semi-transparent:

```auto
[class*='Background__Base-sc'] {
  background-color: rgba(0, 0, 0, 0.5)!important;
}

```

Choose one of the codes (depending on your case) and add it to the Custom CSS field on the Settings tab of your widget’s settings. Try it out and let me know if worked 🙂
