Hub Hack: Add a Custom Banner for All Streams


Hub Hack: Use this Custom Code snippet to add a custom screen-width image (banner) to all Streams.


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.


  • Type: CSS
  • Placement: Head
  • Notes: Do not use this if you have separately configured banners on Marketing/Sales streams, as they will display side-by-side. Replace the URL shown in the snippet with the URL where the banner you want to use is hosted.



/*-- Custom Banner For All Stream Pages --*/ .listing-page > header:after{ content:''; background-size:cover; display:block; width:100vw; min-height:280px; background-image:url(''); /*Change this to your image's URL*/ height:33vh; /*Set the height of your banner, you can use PX, VH, or % */ }
0 out of 0 found this helpful


  • That closing style tag isn't quite closed.

    Comment actions Permalink
  • Thanks for catching that, Joshua! Should be fixed now, sorry if it caused you any issues!

    Comment actions Permalink

Please sign in to leave a comment.