Hi Some CSS Help please?

Ask for Help
1

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

<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
image490×763 26.8 KB

2

You forgot ask the question :wink:

3 
<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;
}