# Hi Some CSS Help please?

**URL:** <https://community.glideapps.com/t/hi-some-css-help-please/55169>\
**Category:** Ask for Help\
**Created:** [November 29, 2022, 12:32pm UTC](https://community.glideapps.com/t/hi-some-css-help-please/55169 "2022-11-29T12:32:21Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)\
**Post date:** [November 29, 2022, 12:32pm UTC](https://community.glideapps.com/t/hi-some-css-help-please/55169/1 "2022-11-29T12:32:21Z")

</div>

I want to put a notification bubble on a tile inline list.  
so Far I got this

```auto
<pre><span><style>
[data-test="tile-item"]:nth-child(1)::before{
content: "9";
  font-size: 19px;
  font-weight: 900;
  background-color: #f16058;
  border-radius: 100%;
    border-top: 1px solid #f2f2f2;
    padding: 10px 10px 10px 10px;
}

```

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/c/ec71d4445d6257506c86c174e58f9b2988e00e3a.png)

---

<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 30, 2022, 2:55am UTC](https://community.glideapps.com/t/hi-some-css-help-please/55169/2 "2022-11-30T02:55:13Z")

</div>

You forgot ask the question 😉

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [November 30, 2022, 8:43am UTC](https://community.glideapps.com/t/hi-some-css-help-please/55169/3 "2022-11-30T08:43:54Z")

</div>

```auto
<pre><span><style>
:nth-child(n) .outer > div > div > div:nth-child(3) > div > div > div.tile-image-area::before {
  content: "28";
  position: absolute;
  right: 0;
  z-index:1;
  font-size: 12px;
  font-weight: 900;
  width: fit-content;
  height: fit-content;
  background-color: #f16058;
  box-shadow: 1px 1px 5px #888888;
  border-radius: 50%;
  padding:10px;
}

```