# How to reduce spacing in header image?

**URL:** https://meta.discourse.org/t/how-to-reduce-spacing-in-header-image/76313
**Category:** Support
**Created:** [18.Декабрь.2017 12:11:53 UTC](https://meta.discourse.org/t/how-to-reduce-spacing-in-header-image/76313 "2017-12-18T12:11:53Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![mattdamod](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mattdamod/32/65187_2.png) [@mattdamod](https://meta.discourse.org/u/mattdamod)
#### Post date: [18.Декабрь.2017 12:11:53 UTC](https://meta.discourse.org/t/how-to-reduce-spacing-in-header-image/76313/1 "2017-12-18T12:11:53Z")

</div>

I’m struggling to upload an image that conforms to the height of the header banner. I don’t seem to be able to get rid of the spacing above and below. Any ideas?

Can be viewed at [https://thehubb.stonewater.org/](https://thehubb.stonewater.org/)

 ![screenshot](https://global.discourse-cdn.com/meta/original/3X/a/4/a42c37782b322ed2d2eb63548d9be6dfaefcc8a3.png)

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [18.Декабрь.2017 13:56:20 UTC](https://meta.discourse.org/t/how-to-reduce-spacing-in-header-image/76313/2 "2017-12-18T13:56:20Z")

</div>

Try:

```
.d-header {
    height: 60px;
    padding-top: 0px;
}
.d-header .contents {
    margin: 0px 0px;
}

```

For your custom Help button:

```
.sw-topbar .sw-button {
    bottom: -46px;
}

```

---

<div class="post-metadata">

### Author: ![mattdamod](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mattdamod/32/65187_2.png) [@mattdamod](https://meta.discourse.org/u/mattdamod)
#### Post date: [18.Декабрь.2017 14:44:53 UTC](https://meta.discourse.org/t/how-to-reduce-spacing-in-header-image/76313/3 "2017-12-18T14:44:53Z")

</div>

> [@dax](#):
>
> .d-header {  
> height: 60px;  
> padding-top: 0px;  
> }  
> .d-header .contents {  
> margin: 0px 0px;  
> }

That’s great @dax 🙂 Thank you! I have tried this, it works great, however, the space at the bottom is still there, have tried

`padding-bottom: 0px; `

however it has no effect.

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [18.Декабрь.2017 14:55:24 UTC](https://meta.discourse.org/t/how-to-reduce-spacing-in-header-image/76313/4 "2017-12-18T14:55:24Z")

</div>

Try adding `!important` to `height: 60;`:

```
.d-header {
    height: 60px !important;
    padding-top: 0px;
}

```

---

<div class="post-metadata">

### Author: ![mattdamod](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mattdamod/32/65187_2.png) [@mattdamod](https://meta.discourse.org/u/mattdamod)
#### Post date: [18.Декабрь.2017 14:57:14 UTC](https://meta.discourse.org/t/how-to-reduce-spacing-in-header-image/76313/5 "2017-12-18T14:57:14Z")

</div>

> [@dax](#):
>
> height: 60px !important;

BOOM!

Thanks @dax 🙂

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [19.Декабрь.2017 08:40:41 UTC](https://meta.discourse.org/t/how-to-reduce-spacing-in-header-image/76313/6 "2017-12-19T08:40:41Z")

</div>