The Problem is i have bundled up linear-gradient with background image. The gradient puts a black overlay over the image. Is there any way I can remove the gradient ? The image should stay the same.
I tried background-color:none !important; and many more properties but it doesn't work. I'd appreciate if any one knows any way to deal with THIS particular issue. Google didn't help.
<strong>EDIT: This is on a client site, So I can't edit the stylesheet. I need a way to override the gradient part. And also the background image can be changed by users(can't hard code image). I can only provide users CSS code that will be added on top of page. so overriding gradient is my best bet.</strong>
Code:
background:linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5)), url( http://localhost/wordpressfree/wp-content/uploads/2016/08/block1.jpg );I tried background-color:none !important; and many more properties but it doesn't work. I'd appreciate if any one knows any way to deal with THIS particular issue. Google didn't help.
<strong>EDIT: This is on a client site, So I can't edit the stylesheet. I need a way to override the gradient part. And also the background image can be changed by users(can't hard code image). I can only provide users CSS code that will be added on top of page. so overriding gradient is my best bet.</strong>