How to reduce spacing in header image?


(mattdamod) #1

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/

screenshot


(Daniela) #2

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;
}

(mattdamod) #3

That’s great @Dax :slight_smile: 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.


(Daniela) #4

Try adding !important to height: 60;:

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

(mattdamod) #5

BOOM!

Thanks @Dax :slight_smile:


(Régis Hanol) #6