Canvas Support

Semi-Tranparent Header Alpha Level

1 reply · opened Jul 26, 2020

Aamer_sayyedJul 26, 2020

Hello!

Is it possible to change the opacity level of the semi transparent header? I would like to set the alpha to a lower level. Please help!

Thank you.

SSemicolon WebSTAFFJul 26, 2020

Hello,

Absolutely! Simply consider using the following CSS code:


@media (min-width: 992px) {
	#header.transparent-header.semi-transparent #header-wrap,
	.semi-transparent.sticky-header #header-wrap {
		background-color: rgba(255,255,255,0.8);
	}
}

Simply change the 0.8 Value according to your needs. This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard