Customizing Pages with CSS

CSS (Cascading Style Sheets) is a language used to change the presentation – the look and feel – of certain page and web elements. At Brandlive, CSS is one of the tools used to develop custom branded pages for our clients. The Streams product provided an easy way for clients with CSS experience to input CSS code themselves. In this article, we'll show you how to access the CSS editors in Streams.

CSS on the Event Level vs. on the Session Level

Note: While CSS can hide elements like the buttons and chat, it cannot change the layout of the page or the wireframe itself.

There are two places to input CSS: the Event level and the Session Level.

  • CSS applied on the event level affects the event landing page, registration, home page and session page. 
  • CSS applied on the session level affects only the session elements (i.e. hiding chat feed, removing video player, etc.).

Accessing Theme CSS Editor

  1. Edit, or create a new event
  2. Click on the “Theme"
  3. Scroll down to “Event Custom CSS” module
  4. Click on the pencil

Screen_Shot_2022-03-01_at_11.13.33_AM.png

Accessing Session CSS Editor

  1. Edit, or create a new Session
  2. Click on session “Settings” tab
  3. Scroll down to “Session Custom CSS” module
  4. Click on the pencil

 Moderation-options-session-.png

Top