css overlay gradient on image background

Homelicious_be

Hi,

I would like to add an overlay gradient on top of an image used as a background for  a row in visual composer. 

My site : https://tradas.studio48.be/en/translation-services/translation-services/

the css I used:

.header::before {

content: '';

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

linear-gradient(to bottom, rgba(26, 26, 26, 0), #009fdb);

opacity: .6; 

  }

Current result : I don't see any overlay. Is there something specific with Visual Composer?

Expected result : 

thanks in advance

Best,

Jonathan

Bryan

Hi,

this will be rather impossible to do since the background image has priority over the background color.

You would have to write custom HTML and modify the file to do this. Better just add the gradient in photoshop or other software.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next