# Tag discount

**URL:** <https://community.glideapps.com/t/tag-discount/37436>\
**Category:** Ask for Help\
**Created:** [January 19, 2022, 11:27pm UTC](https://community.glideapps.com/t/tag-discount/37436 "2022-01-19T23:27:19Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![agung\_Taufik](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/agung_taufik/32/2589_2.png) [@agung\_Taufik](https://community.glideapps.com/u/agung_Taufik)\
**Post date:** [January 19, 2022, 11:27pm UTC](https://community.glideapps.com/t/tag-discount/37436/1 "2022-01-19T23:27:19Z")

</div>

Hi all  
I’m planning to make a discounted product, is it possible to display the discount Tag on the screen like the following screenshot 👇

 ![IMG_20220120_061814](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/b/4bda85f35de7ef7471f4bd0f3e7dbc6b0fa001c5.jpeg)

---

<div class="post-metadata">

**Author:** ![agung\_Taufik](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/agung_taufik/32/2589_2.png) [@agung\_Taufik](https://community.glideapps.com/u/agung_Taufik)\
**Post date:** [January 19, 2022, 11:29pm UTC](https://community.glideapps.com/t/tag-discount/37436/2 "2022-01-19T23:29:49Z")

</div>

And can I add the running time backwards like the following screenshot

 ![IMG_20220120_061906](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/4/64e526191992ce1d9f478d97bc2a5fbc935a75d4.jpeg)

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [January 19, 2022, 11:36pm UTC](https://community.glideapps.com/t/tag-discount/37436/3 "2022-01-19T23:36:24Z")

</div>

You can add tags for images and card lists, the countdown you can create with math colum subtracting time now from time when promotions end

---

<div class="post-metadata">

**Author:** ![agung\_Taufik](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/agung_taufik/32/2589_2.png) [@agung\_Taufik](https://community.glideapps.com/u/agung_Taufik)\
**Post date:** [January 19, 2022, 11:42pm UTC](https://community.glideapps.com/t/tag-discount/37436/4 "2022-01-19T23:42:37Z")

</div>

hi @Uzo Thank you for responding to me  
I want the color of the TAG to be red, do I have to use CSS…?

For the countdown time I will try it.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [January 19, 2022, 11:53pm UTC](https://community.glideapps.com/t/tag-discount/37436/5 "2022-01-19T23:53:26Z")

</div>

Tag color, by default, is your app Primary color. To specify red, yes CSS will need to be used.

---

<div class="post-metadata">

**Author:** ![agung\_Taufik](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/agung_taufik/32/2589_2.png) [@agung\_Taufik](https://community.glideapps.com/u/agung_Taufik)\
**Post date:** [January 20, 2022, 12:24am UTC](https://community.glideapps.com/t/tag-discount/37436/6 "2022-01-20T00:24:08Z")

</div>

thank you @Robert_Petitto  
I’ve tried to `inspect` but I found the class name for the TAG 😅

Can you help me @Robert_Petitto 🙏

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [January 20, 2022, 12:40am UTC](https://community.glideapps.com/t/tag-discount/37436/7 "2022-01-20T00:40:09Z")

</div>

You bet…one sec.

…

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [January 20, 2022, 12:41am UTC](https://community.glideapps.com/t/tag-discount/37436/8 "2022-01-20T00:41:14Z")

</div>

```auto
<pre><span><style>

div[id*='screenScrollView'] > div > :nth-of-type(9) [data-test="app-tag-overlay"] {
    background-color: red;
    color: white;
}

```

adjust nth-of-type to your element

 ![Screen Shot 2022-01-19 at 7.54.12 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/8/98445e8a400386c54225e173c31b4c5c7c0ffe53.jpeg)

> **[Code BOOK](https://code-book.glideapp.io/)**
>
> share cool codes, scripts and links

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [January 20, 2022, 12:42am UTC](https://community.glideapps.com/t/tag-discount/37436/9 "2022-01-20T00:42:41Z")

</div>

```auto
<pre><span><style>
[data-test="app-tag-overlay"] {
background-color: black;
}

```

 ![Screen Shot 2022-01-19 at 7.42.31 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/1/119d1f4a87effe4344012fac5ccf44c6bab5048d.png)

---

<div class="post-metadata">

**Author:** ![agung\_Taufik](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/agung_taufik/32/2589_2.png) [@agung\_Taufik](https://community.glideapps.com/u/agung_Taufik)\
**Post date:** [January 20, 2022, 1:00am UTC](https://community.glideapps.com/t/tag-discount/37436/10 "2022-01-20T01:00:48Z")

</div>

Thank you @Uzo , @Robert_Petitto  
thank you, your instructions worked…

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/8/083251543f91d7072aae67af4e7721686c0ad81f.jpeg)

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [January 20, 2022, 1:02am UTC](https://community.glideapps.com/t/tag-discount/37436/11 "2022-01-20T01:02:47Z")

</div>

Happy to help!

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [January 21, 2022, 1:03am UTC](https://community.glideapps.com/t/tag-discount/37436/12 "2022-01-21T01:03:47Z")

</div>

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.