Hub Hack: Style the Stream Authentication Login Page

Follow

Use these Custom Code snippets to style the Stream Authentication login page however you want.


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: Body Top
  • Notes: These code snippets can be used to target the Stream Authentication login page, allowing you to change its appearance. Choose between two options: target the login pages for all Streams, or just the login page for a specific Stream. Both snippets are intended as a starting point for your own modifications — if you do not change anything, these will simply turn the background color for the login page blue.

 

Code

Option 1: All Streams

This will modify the appearance of the login page for all Streams in the Hub.

<style>
body.stream-login {
background-color: blue;
}
</style>

 

Option 2: Specific Stream Only

This will allow you to modify the appearance of the login page for a specified Stream only. Replace XXXXX in the code with the Stream ID.

<style>
body.stream-login.stream-XXXXX {
background-color: blue;
}
</style>

 

0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.