CSS gradient over een background image in Avada

Met de volgende CSS code kun je over een background image een gradiënt effect laden. Voorbeeld: fumobbq.nl

De header-wrapper klas zet je op het hoogste niveau van het Avada blok. Plaats hier ook de background image.

.header-wrapper {
position: relative;
}

.header-wrapper:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0 ;
background: linear-gradient(0deg, rgba(22,33,27,1) 10%, rgba(22,33,27,0) 80%);
}

.header-wrapper {

position: relative;

}

.header-wrapper:before {

content: '';

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0 ;

background: linear-gradient(0deg, rgba(22,33,27,1) 10%, rgba(22,33,27,0) 80%);

}

Als het niet werkt probeer het dan met !important erachter.

Nuttig Niet nuttig