Horje
how to have a background image with a color overlay Code Example
how to have a background image with a color overlay 
/* Working method */
.tinted-image {
  background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(255, 0, 0, 0.45), 
      rgba(255, 0, 0, 0.45)
    ),
    /* bottom, image */
    url(image.jpg);
}
Source: css-tricks.com
overlay color on image css 
footer#site-footer{  
  position:relative;
}

footer#site-footer:before {     /* use before property (pseudo-element)  */
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}



Css

Related
change the color of an hr Code Example change the color of an hr Code Example
npm 'cross-env' is not recognized as an internal or external command Code Example npm 'cross-env' is not recognized as an internal or external command Code Example
variables scss en calc() Code Example variables scss en calc() Code Example
css make something always on top Code Example css make something always on top Code Example
sass calc with variable Code Example sass calc with variable Code Example

Type:
 Code Example
Category:
 Coding
Sub Category:
 Code Example
Uploaded by:
 Admin
Views:
 10



 

Horje