Custom Banner for a Single Item

October 5, 2016 Uberflip Customer Success

Add screen-width images to individual Items in your Hub.

/*-- Custom Banner For Single Page Items --*/
.single-page > 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 All Pages in a Stream
Custom Banner for All Pages in a Stream

Next Article
Custom Banner for a Hub Home Page
Custom Banner for a Hub Home Page