Lesson 6: Adding a Custom Image Background Header
In this video you'll learn just how easy it is to replace the stock solid color background header to a stunning image using pure CSS.
Resources
Code Snippets
/* Custom Header Image Style and Position */
#header .bg-faded{
background-image: url('https://images.unsplash.com/photo-1519681393784-d120267933ba?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60');
background-size: cover;
background-position:0;
}
