Can't change background overlay color in Global Page Headers

Hi there,

can you disable your cache plugin and then recheck the site after clearing the browser cache.

Just tried.

Same color.

Try removing this CSS from the import if you just want a simple background overlay:
https://www.screencast.com/t/VDsxinUEJvC

I simply want to change the header color from blue (gradient) to green (gradient).

Aah sorry - that site uses some Additional CSS to add the gradient overlay.
Go to Customizer > Additional CSS and look for this:

/* page header gradient overlay */

.gradient-overlay {
	position: relative;
}

.gradient-overlay:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(135deg, rgba(24,106,178,0.9) 20%, rgba(0,175,229,0.9) 80%);
}

.gradient-overlay .inside-page-hero {
	z-index: 1;
	position: relative;
}

You can either remove that CSS entirely and the color in the Header Element will apply.
OR you can change the background: linear-gradient(135deg, rgba(24,106,178,0.9) 20%, rgba(0,175,229,0.9) 80%); property.

Thanks

You're welcome