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%); }
Als het niet werkt probeer het dan met !important erachter.