# Monitor \<span class="badge dRed"\>Text\</span\> badge color and text change

**URL:** <https://forums.distill.io/t/monitor-span-class-badge-dred-text-span-badge-color-and-text-change/5773>\
**Category:** Help and Support\
**Tags:** conditions\
**Created:** [November 6, 2025, 2:17am UTC](https://forums.distill.io/t/monitor-span-class-badge-dred-text-span-badge-color-and-text-change/5773 "2025-11-06T02:17:51Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![brewera](https://forums.distill.io/user_avatar/forums.distill.io/brewera/32/2025_2.png) [@brewera](https://forums.distill.io/u/brewera)\
**Post date:** [November 6, 2025, 2:17am UTC](https://forums.distill.io/t/monitor-span-class-badge-dred-text-span-badge-color-and-text-change/5773/1 "2025-11-06T02:17:51Z")

</div>

I am trying to monitor a class badge color and text change. It looks like this now.

> \<span class=”badge dRed”\>Out of stock

How do I use the webpage selector to alert me when it changes from the above?

---

<div class="post-metadata">

**Author:** ![ajitk](https://forums.distill.io/letter_avatar_proxy/v4/letter/a/ec9cab/32.png) [@ajitk](https://forums.distill.io/u/ajitk)\
**Post date:** [November 6, 2025, 12:26pm UTC](https://forums.distill.io/t/monitor-span-class-badge-dred-text-span-badge-color-and-text-change/5773/2 "2025-11-06T12:26:57Z")

</div>

sure, you can monitor the selected element’s `outerHTML` property instead of text. check out [https://distill.io/docs/web-monitor/what-is-visual-selector/#how-to-monitor-attribute-and-property-value-for-the-selected-element](https://distill.io/docs/web-monitor/what-is-visual-selector/#how-to-monitor-attribute-and-property-value-for-the-selected-element)