# Separator - weight and color

**URL:** <https://community.glideapps.com/t/separator-weight-and-color/28266>\
**Category:** Feature Requests\
**Created:** [June 23, 2021, 9:23am UTC](https://community.glideapps.com/t/separator-weight-and-color/28266 "2021-06-23T09:23:52Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Simon\_Hill](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/simon_hill/32/94730_2.png) [@Simon\_Hill](https://community.glideapps.com/u/Simon_Hill)\
**Post date:** [June 23, 2021, 9:23am UTC](https://community.glideapps.com/t/separator-weight-and-color/28266/1 "2021-06-23T09:23:52Z")

</div>

Would this be possible please?

Allow users to format the separator by adding weight and color options?

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

It would avoid the need for adding image dividers, e.g.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/6/d6c68fa2a4b37dd8d44d0b232ac0e72dc7c766e9.jpeg)

---

<div class="post-metadata">

**Author:** ![Shiv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/shiv/32/25831_2.png) [@Shiv](https://community.glideapps.com/u/Shiv)\
**Post date:** [June 23, 2021, 10:16am UTC](https://community.glideapps.com/t/separator-weight-and-color/28266/2 "2021-06-23T10:16:18Z")

</div>

Is that what you are seeing for the options on Staging? then probably the dev team might be planning to roll this out anytime sooner to production 🙂 ( or may be not )

-Shiv

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [June 23, 2021, 10:27am UTC](https://community.glideapps.com/t/separator-weight-and-color/28266/3 "2021-06-23T10:27:17Z")

</div>

there is a trick in css

> [@Beautiful Design App](https://community.glideapps.com/t/beautiful-design-app/16191/636):
>
> Bonjour @Joe_Gabriele I also needed this option, so I adapted @Robert_Petitto CSS so that spaces respect “spacing”. BUT BE CAREFUL, this uses unnamed classes so it may not work one day. however, if this happens, the default is taken into account. CSS \<pre\>\<span\>\<style\> [data-test="app-hr"] { background-color: rgb(246, 246, 246); padding-left:0px; padding-right:0px; } [data-test="app-hr"]:after { content: ""; position:relative; top:-30px; height:20px; border-bottom-right-radius:…

---

<div class="post-metadata">

**Author:** ![Simon\_Hill](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/simon_hill/32/94730_2.png) [@Simon\_Hill](https://community.glideapps.com/u/Simon_Hill)\
**Post date:** [June 23, 2021, 12:26pm UTC](https://community.glideapps.com/t/separator-weight-and-color/28266/4 "2021-06-23T12:26:31Z")

</div>

No, this was just my design suggestion.

---

<div class="post-metadata">

**Author:** ![Simon\_Hill](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/simon_hill/32/94730_2.png) [@Simon\_Hill](https://community.glideapps.com/u/Simon_Hill)\
**Post date:** [June 23, 2021, 12:27pm UTC](https://community.glideapps.com/t/separator-weight-and-color/28266/5 "2021-06-23T12:27:04Z")

</div>

CSS is akin to coding and I refuse to go there. Sorry not sorry.

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [June 23, 2021, 12:27pm UTC](https://community.glideapps.com/t/separator-weight-and-color/28266/6 "2021-06-23T12:27:57Z")

</div>

no problem, I understand
