# Remove margin on text

**URL:** <https://community.glideapps.com/t/remove-margin-on-text/76187>\
**Category:** Ask for Help\
**Created:** [September 6, 2024, 11:00am UTC](https://community.glideapps.com/t/remove-margin-on-text/76187 "2024-09-06T11:00:39Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![jarydvisser](https://avatars.discourse-cdn.com/v4/letter/j/db5fbb/32.png) [@jarydvisser](https://community.glideapps.com/u/jarydvisser)\
**Post date:** [September 6, 2024, 11:00am UTC](https://community.glideapps.com/t/remove-margin-on-text/76187/1 "2024-09-06T11:00:39Z")

</div>

Hey everyone, is there any way to move text closer to each other? I have tried margin-bottom: 0px and margin-top:0px but neither seem to work.

---

<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:** [September 6, 2024, 11:43am UTC](https://community.glideapps.com/t/remove-margin-on-text/76187/2 "2024-09-06T11:43:40Z")

</div>

> [@Changing the space between components](https://community.glideapps.com/t/changing-the-space-between-components/75977/6):
>
> Replace your text component with a richtext component and provide the following HTML code, then you can easily set the spacing you want. \<div style="height: 0px; text-align: center; padding-bottom:10px;"\>5 KTS\</div\>

---

<div class="post-metadata">

**Author:** ![jarydvisser](https://avatars.discourse-cdn.com/v4/letter/j/db5fbb/32.png) [@jarydvisser](https://community.glideapps.com/u/jarydvisser)\
**Post date:** [September 6, 2024, 8:00pm UTC](https://community.glideapps.com/t/remove-margin-on-text/76187/3 "2024-09-06T20:00:31Z")

</div>

It works! Thanks a lot. Do you know if I can change the color of the progress bar?

---

<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:** [September 7, 2024, 1:22am UTC](https://community.glideapps.com/t/remove-margin-on-text/76187/4 "2024-09-07T01:22:16Z")

</div>

```auto
.colored-bar div[class*="wire-page-progress___StyledDiv3"] {
background-color: darkgreen;
}

```

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/3/43190d99c5b48f1f37defec836ea29e003dcbe58.png)

With colored-bar being the custom class name of the progress bar component.

---

<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:** [September 7, 2024, 2:49am UTC](https://community.glideapps.com/t/remove-margin-on-text/76187/5 "2024-09-07T02:49:46Z")

</div>

You might consider using a progress bar with HTML or using the Custom Component AI. Find this topic through search.  
You also can try this:

```auto
<h2>Custom Progress Bar</h2>
<div class="progressA" style="background-color: #d8d8d8;border-radius: 20px;position: relative; margin: 15px 0;height: 30px;width: 100%;">
<div style="height: 30px; min-width:70px;">
<div class="progress-done" style="width:70%;background: linear-gradient(to left, #F2709C, #FF9472); border-radius: 20px;color: #fff; display: flex;	align-items: center; justify-content: center; height: 100%;">70%</div>
</div>
</div>

```

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [September 14, 2024, 2:50am UTC](https://community.glideapps.com/t/remove-margin-on-text/76187/6 "2024-09-14T02:50:05Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.