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. They may not work on all Hubs, or may cause unexpected behavior. Before implementing a Hub Hack on a production Hub, we strongly recommending testing it in a safe environment (such as a staging Hub) if possible.

Uberflip Support is not able to help troubleshoot issues with Hub Hacks: if a Hub Hack is not working correctly in your Hub, Uberflip Support can only help you to disable it.

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.