# Customize badge page CSS

**URL:** https://meta.discourse.org/t/customize-badge-page-css/86170
**Category:** Support
**Created:** [April 25, 2018, 3:19pm UTC](https://meta.discourse.org/t/customize-badge-page-css/86170 "2018-04-25T15:19:15Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Francois\_Douville](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/francois_douville/32/94221_2.png) [@Francois\_Douville](https://meta.discourse.org/u/Francois_Douville)
#### Post date: [April 25, 2018, 3:19pm UTC](https://meta.discourse.org/t/customize-badge-page-css/86170/1 "2018-04-25T15:19:15Z")

</div>

I don’t know how to put a margin 18px

 ![42](https://global.discourse-cdn.com/meta/original/3X/3/4/3415693f1612deeb5b8b3642d0a8d1967f601498.png)

---

<div class="post-metadata">

### Author: ![Denis\_Heraud](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denis_heraud/32/119623_2.png) [@Denis\_Heraud](https://meta.discourse.org/u/Denis_Heraud)
#### Post date: [April 25, 2018, 3:25pm UTC](https://meta.discourse.org/t/customize-badge-page-css/86170/2 "2018-04-25T15:25:11Z")

</div>

> [@Francois\_Douville](#):
>
> I don’t know how to set a margin of 18px

Could you be more specific? Where should the margin be applied, and to which element?

P.S.: Greetings from another French speaker!

---

<div class="post-metadata">

### Author: ![Francois\_Douville](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/francois_douville/32/94221_2.png) [@Francois\_Douville](https://meta.discourse.org/u/Francois_Douville)
#### Post date: [April 25, 2018, 3:28pm UTC](https://meta.discourse.org/t/customize-badge-page-css/86170/3 "2018-04-25T15:28:19Z")

</div>

Between “badges / règlement lu” and the banner. It is too close.

---

<div class="post-metadata">

### Author: ![Denis\_Heraud](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denis_heraud/32/119623_2.png) [@Denis\_Heraud](https://meta.discourse.org/u/Denis_Heraud)
#### Post date: [April 25, 2018, 3:33pm UTC](https://meta.discourse.org/t/customize-badge-page-css/86170/4 "2018-04-25T15:33:19Z")

</div>

> [@Francois\_Douville](#):
>
> Between “badges / règlement lu” and the banner. It is too close.

Try changing the top margin on the “show-badge” container.

If it happens on pages other than the Badges page, maybe you can change the bottom margin on the “d-header” class and see if that fixes it.

---

<div class="post-metadata">

### Author: ![Francois\_Douville](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/francois_douville/32/94221_2.png) [@Francois\_Douville](https://meta.discourse.org/u/Francois_Douville)
#### Post date: [April 25, 2018, 3:35pm UTC](https://meta.discourse.org/t/customize-badge-page-css/86170/5 "2018-04-25T15:35:43Z")

</div>

Thanks I add because it happens to all badges.. so simple hehe

```
.container.show-badge {
margin-top: 18px;
}

```

---

<div class="post-metadata">

### Author: ![Denis\_Heraud](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denis_heraud/32/119623_2.png) [@Denis\_Heraud](https://meta.discourse.org/u/Denis_Heraud)
#### Post date: [April 26, 2018, 12:40pm UTC](https://meta.discourse.org/t/customize-badge-page-css/86170/6 "2018-04-26T12:40:47Z")

</div>

Glad that worked for you!

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [September 18, 2020, 5:04pm UTC](https://meta.discourse.org/t/customize-badge-page-css/86170/7 "2020-09-18T17:04:20Z")

</div>