Dynamic header only on homepage

Hi!

I want my website to have a dynamic (transparent) header on the homepage but a solid colour header (hex: #153643) on all other pages.

URL is: eshertennis.co.uk

I'm trying to use the following code which I found on another thread. But unfortunately it isn't working for me.

body.homepage article section:first-child {
    padding-top: 0px !important;
}
body.homepage .header-background-solid {
    background-color: transparent !important;
}

Does anyone have any ideas?

Thanks in advance!

@tuanphan solved this on this thread: