Remove Business Pro header image overlay

[nickgarnett]

Hi
I'm using Business Pro for a new project and don't know how to remove the dark overlay from the header/hero image, can anyone point me in the right direction please?
Thanks
Nick Garnett

http://morleyfarmbarn.co.uk

[andytc]

Choose only one of these and add it to the custom CSS in the customiser -

Using 'transparent' as below might be what you want , but that might cause some visibility issues with your menu - up to you

.page-header:before {
  background-color: transparent;
}

or , adjust the value of the rgb - in the css below it's percentage has been lowered , but you can play with that number to get the look you want.

.page-header:before {
  background-color: rgb(20 30 40 / 12%);
}

[Author]

Posts