css overlay gradient on image background

Homelicious_be · July 2017

Hi,

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

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 · July 2017

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

Comments