Put a Custom Banner on a Stream

October 5, 2016 Uberflip Customer Success

A piece of code you can use to add a full-width banner image to Streams in your Hub.

Add to CSS:

/*-- Custom Banner For Specific Streams – Replace the XXXX with the stream number --*/
.stream-XXXXX > header:after{
    content:'';
    background-size:cover;
    display:block;    
    width:100vw;    
    min-height:280px;    
    background-image:url('https://unsplash.it/1200/768/?random'); /*Change this to your image's URL*/
    height:33vh; /*Set the height of your banner, you can use PX, VH, or % */
}
Previous Article
Custom Banner for a Hub Home Page
Custom Banner for a Hub Home Page

Next Article
Open Tiles in a New Tab
Open Tiles in a New Tab