Hub Hack: Add a Custom Banner on a Specific Stream

Follow

Use this Custom Code snippet to add a custom screen-width image (banner) to a stream. Can be useful for non-Marketing/Sales streams.


Warning

Hub Hacks are not official Uberflip features.

Hub Hacks may not work on all Hubs, or may cause unexpected behavior. If you experience issues with a Hub Hack, available support is limited to helping you disable the Hub Hack only.

Important

Hub Hacks are not compatible with Front End V2 Hubs.

If you are not sure if your Hub uses Front End V2, see this article for help.

Details

  • Type: CSS
  • Placement: Head

 

Code

<style>
/*-- 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 % */ }
</style>

 

1 out of 1 found this helpful

Comments

0 comments

Please sign in to leave a comment.