# How to change color of close button icon in post popup of the Blog widget

**URL:** <https://community.elfsight.com/t/how-to-change-color-of-close-button-icon-in-post-popup-of-the-blog-widget/133731>\
**Category:** Customization\
**Tags:** blog\
**Created:** [July 28, 2025, 11:08am UTC](https://community.elfsight.com/t/how-to-change-color-of-close-button-icon-in-post-popup-of-the-blog-widget/133731 "2025-07-28T11:08:39Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Giorgio\_Fiorini](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/giorgio_fiorini/32/56719_2.png) [@Giorgio\_Fiorini](https://community.elfsight.com/u/Giorgio_Fiorini)\
**Post date:** [July 28, 2025, 11:08am UTC](https://community.elfsight.com/t/how-to-change-color-of-close-button-icon-in-post-popup-of-the-blog-widget/133731/1 "2025-07-28T11:08:39Z")

</div>

Hi,  
is there such a way to change, by coding the custom CSS, the color of the close icon of the in-page Blog widget?

Thanks a not

 ![Screenshot 2025-07-28 alle 13.08.15](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/a/7/a7b03b301a961e27eb7c30242a58e0829e5ab79d.png)

---

<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:** [July 28, 2025, 11:17am UTC](https://community.elfsight.com/t/how-to-change-color-of-close-button-icon-in-post-popup-of-the-blog-widget/133731/3 "2025-07-28T11:17:03Z")

</div>

Hi there, @Giorgio_Fiorini 👋

Sure, here is a CSS code:

```auto
[class*="PopupCloseControl__CloseIcon-sc"] {
  color: white;
}

```

  

Please add it to the Custom CSS field on the Settings tab of your widget’s settings and let me know if it worked 🙂

---

<div class="post-metadata">

**Author:** ![Giorgio\_Fiorini](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/giorgio_fiorini/32/56719_2.png) [@Giorgio\_Fiorini](https://community.elfsight.com/u/Giorgio_Fiorini)\
**Post date:** [July 28, 2025, 11:27am UTC](https://community.elfsight.com/t/how-to-change-color-of-close-button-icon-in-post-popup-of-the-blog-widget/133731/4 "2025-07-28T11:27:22Z")

</div>

Thanks a lot Max, that’s perfect!  
Listen, can I change the color even to the background of the icon (the rounded area)?

---

<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:** [July 28, 2025, 11:34am UTC](https://community.elfsight.com/t/how-to-change-color-of-close-button-icon-in-post-popup-of-the-blog-widget/133731/5 "2025-07-28T11:34:19Z")

</div>

Yep, this code will do the trick 😉

```auto
[class*="PopupCloseControl__PopupCloseControlContainer-sc"] {
  background-color:red!important;
}

```

---

<div class="post-metadata">

**Author:** ![Giorgio\_Fiorini](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/giorgio_fiorini/32/56719_2.png) [@Giorgio\_Fiorini](https://community.elfsight.com/u/Giorgio_Fiorini)\
**Post date:** [July 28, 2025, 11:43am UTC](https://community.elfsight.com/t/how-to-change-color-of-close-button-icon-in-post-popup-of-the-blog-widget/133731/6 "2025-07-28T11:43:49Z")

</div>

Thanks Max, it worked like a charm!

---

<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:** [July 28, 2025, 11:44am UTC](https://community.elfsight.com/t/how-to-change-color-of-close-button-icon-in-post-popup-of-the-blog-widget/133731/7 "2025-07-28T11:44:48Z")

</div>

No sweat 😉