# How to use this css code

**URL:** <https://community.glideapps.com/t/how-to-use-this-css-code/53294>\
**Category:** Ask for Help\
**Created:** [November 4, 2022, 8:07am UTC](https://community.glideapps.com/t/how-to-use-this-css-code/53294 "2022-11-04T08:07:44Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [November 4, 2022, 8:07am UTC](https://community.glideapps.com/t/how-to-use-this-css-code/53294/1 "2022-11-04T08:07:44Z")

</div>

pleaase tell how to add this css code in app as well as in pages.This code used as show notification in tab.

```
button[aria-label="Profile"]::before { content: "3"; position: absolute; font-size: 11px; font-weight: 800; color: white; padding: 3px; top: 6px; right: 13px; z-index: 1; height: 20px; width: 20px; background-color: red; border-radius: 50%; }
```

---

<div class="post-metadata">

**Author:** ![Harsh\_Ganatra](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/harsh_ganatra/32/35515_2.png) [@Harsh\_Ganatra](https://community.glideapps.com/u/Harsh_Ganatra)\
**Post date:** [November 4, 2022, 8:40am UTC](https://community.glideapps.com/t/how-to-use-this-css-code/53294/2 "2022-11-04T08:40:16Z")

</div>

Hey @Manikandan_R You can add this following code in the rich text component in glide apps and pages.

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [November 4, 2022, 8:42am UTC](https://community.glideapps.com/t/how-to-use-this-css-code/53294/3 "2022-11-04T08:42:10Z")

</div>

I tried but no good result.

Anything i need to add extra…may be in the table.  
I just add this code in the rich text component,nothing i have did.Anything needs to be added.

---

<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:** [November 4, 2022, 9:50am UTC](https://community.glideapps.com/t/how-to-use-this-css-code/53294/4 "2022-11-04T09:50:13Z")

</div>

Pages suck… don’t do it LOL

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [November 4, 2022, 10:47am UTC](https://community.glideapps.com/t/how-to-use-this-css-code/53294/5 "2022-11-04T10:47:39Z")

</div>

Now its working.but i need this notification everytime a new store pickup order is ordered.How to implement this fuctionally.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/4/64abab394cb36a46b1006314b63c1b2c5fba87ce.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:** [November 4, 2022, 10:54am UTC](https://community.glideapps.com/t/how-to-use-this-css-code/53294/6 "2022-11-04T10:54:14Z")

</div>

That’s not Pages…

Code BOOK try it…

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [November 4, 2022, 10:58am UTC](https://community.glideapps.com/t/how-to-use-this-css-code/53294/7 "2022-11-04T10:58:25Z")

</div>

i need the store pickup notification badges like if new order came.how to do?im asking in apps not on pages.

---

<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:** [November 4, 2022, 11:00am UTC](https://community.glideapps.com/t/how-to-use-this-css-code/53294/8 "2022-11-04T11:00:02Z")

</div>

> **[Code BOOK - Desktop](https://code-book-desktop.glideapp.io/dl/da19fa/s/04a872/r/bUbhp9mWQCaq4YUEquz6ZQ)**
>
> share cool CSS, scripts and links

---

<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:** [November 4, 2022, 11:01am UTC](https://community.glideapps.com/t/how-to-use-this-css-code/53294/9 "2022-11-04T11:01:31Z")

</div>

> **[Schedule Paid Appointment](https://schedule-appointment.glideapp.io/)**
>
> Schedule paid appointments, for Google Meet, get calendar reminders, block booked dates and time slots, auto adjust duration to the booked time slots, custom stripe checkout