# Divider Color

**URL:** <https://community.glideapps.com/t/divider-color/26260>\
**Category:** Ask for Help\
**Created:** [May 1, 2021, 6:41am UTC](https://community.glideapps.com/t/divider-color/26260 "2021-05-01T06:41:51Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [May 1, 2021, 6:41am UTC](https://community.glideapps.com/t/divider-color/26260/1 "2021-05-01T06:41:51Z")

</div>

Hi,

Is it possible to change the color of a separator divider color?

---

<div class="post-metadata">

**Author:** ![wjcv06](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wjcv06/32/12747_2.png) [@wjcv06](https://community.glideapps.com/u/wjcv06)\
**Post date:** [May 1, 2021, 7:24am UTC](https://community.glideapps.com/t/divider-color/26260/2 "2021-05-01T07:24:34Z")

</div>

```
<pre><span><style>
.kxHqnt > .sep-line {
background-color: red;
opacity: 1;
}

```

you can change the color (blue, green or RGB format) and the opacity (0.5, 0.8, etc)

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [May 1, 2021, 7:26am UTC](https://community.glideapps.com/t/divider-color/26260/3 "2021-05-01T07:26:44Z")

</div>

Thanks! I just add this as a rich text component where I want it to display?

---

<div class="post-metadata">

**Author:** ![wjcv06](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wjcv06/32/12747_2.png) [@wjcv06](https://community.glideapps.com/u/wjcv06)\
**Post date:** [May 1, 2021, 7:27am UTC](https://community.glideapps.com/t/divider-color/26260/4 "2021-05-01T07:27:22Z")

</div>

yep

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [May 1, 2021, 7:28am UTC](https://community.glideapps.com/t/divider-color/26260/5 "2021-05-01T07:28:22Z")

</div>

Nothing is showing

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [May 1, 2021, 12:08pm UTC](https://community.glideapps.com/t/divider-color/26260/6 "2021-05-01T12:08:22Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/b/6ba6b964600d60e8d60b7564407bb633e5ae9f59.png)

Try this instead. @wjcv06 was using a specific class name so it might not be the same in your own.

```
<pre><span><style>
[data-test="app-hr"] .sep-line {
background-color: blue;
opacity: 0.5;
}
```

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [May 1, 2021, 1:21pm UTC](https://community.glideapps.com/t/divider-color/26260/7 "2021-05-01T13:21:49Z")

</div>

Thanks! Nothing is displaying. ☹

![Untitlednnn](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/6/264965ed7f1aa367e9c3e9268e67ba56be642e5e.png)

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [May 1, 2021, 1:27pm UTC](https://community.glideapps.com/t/divider-color/26260/8 "2021-05-01T13:27:39Z")

</div>

Ohhh I see…it changes the color for all of the dividers. I thought this was adding one.