Merge header background colour not working

Hi there,

If I understand this correctly, you are hoping to apply an overlay color on top of your slider?

If that's the case you would have to do that on the slider itself (using whatever plugin you created the slider with) and not through the page header options.

As for the social icons, try this CSS:

.header-widget .icon-set-lsi_widget-6 a {
    background-color: rgba(255,255,255,0.75) !important;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Hi Leo

Thats almost working, the header background isn't displaying.
Is there any way to just a transparent background behind the header and navigation?
There's a test page here:
http://mackiedev1.belowthenoise.co.uk/salvesengraham/home/home-copy/
Thanks
Scott

Try this CSS for the header background:

.generate-merged-header .site-header {
    background: rgba(255,255,255,0.75);
}

The navigation background can be adjusted in Page Header Advanced tab.

Hi Leo

Thats almost working - there's just a gap on the header in safari and doesn't work in chrome.
Thanks
Scott

The gap on left and right?

Try changing the header width to full: https://docs.generatepress.com/article/header-layout/#header-width

Hi Leo

Thanks thats working now.
Scott

No problem :)