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.
1 2 3 4 5 6 7 8 9 10 11 12 13 |
.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.