# Tell Glide how you use CSS

**URL:** <https://community.glideapps.com/t/tell-glide-how-you-use-css/27641>\
**Category:** General\
**Created:** [June 4, 2021, 4:09pm UTC](https://community.glideapps.com/t/tell-glide-how-you-use-css/27641 "2021-06-04T16:09:41Z")\
**Posts on this page:** 1\
**Showing post:** 105

<div class="post-metadata">

**Author:** ![Ritchy\_Viker\_Louis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ritchy_viker_louis/32/49555_2.png) [@Ritchy\_Viker\_Louis](https://community.glideapps.com/u/Ritchy_Viker_Louis)\
**Post date:** [October 22, 2022, 1:21am UTC](https://community.glideapps.com/t/tell-glide-how-you-use-css/27641/105 "2022-10-22T01:21:15Z")

</div>

![Where-to-Find-All-Mending-Machine-Locations-in-Fortnite-Chapter-3-Season-4.jpg (2400×1800) - Google Chrome 21_10_2022 9_12_35 pm (2)](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/1/114648b54dfecd33f6139d278210fd2dc1ea3432.png)

To add the outline to the images so that they display like those of Instagram Stories Highlights, I first set the list in style tiles, circle shape… Then I Used the code below, but only this list must be in tile styles on the screen, otherwise the circle will appear below too and it won’t be very pretty.

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

.tile-inner {
padding: 3px 1px;
}

.tile-image-area {
border-radius: 50%;
box-shadow: inset 0px 0px 0px 15px white;
}

.tile-image-area:before {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -1;
    margin: -3px; 
    border-radius: inherit;
    background: radial-gradient(circle at 30% 107%, #fc4e03 40%, #fc4e03 65%, #fc4e03 45%,#fc4e03 60%,#ffb508 90%);
}

```

---

_[View the full topic](https://community.glideapps.com/t/tell-glide-how-you-use-css/27641)._