How to: Enter Custom CSS

Customize your site down to the very last detail.

CSS (Cascading Style Sheets) is a language used to change the look, feel, and styling of certain page and web elements. The Brandlive platform supports CSS at both the event and session level. 

Please note that custom CSS is intended for users who are already familiar with the language. If you're interested in additional site customization using CSS, but do not have a team member who is proficient in utilizing it, please reach out to your Account Manager or sales@brandlive.com to learn more about Brandlive Creative Studio services. 

Screen_Shot_2023-01-10_at_10.12.48_AM.png

Event Level vs Session Level

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

  • Event Level: affects all pages of the site where applicable including the event landing page, registration, home, custom, and session pages. 
  • Session Level: affects only the session page for which the CSS has been applied (i.e. hiding chat feed, removing video player, etc.).

Entering Event Level CSS

Open your event in Sitebuilder and navigate to the 'Theme' tab in the lefthand navigation menu.

Then, select the pencil icon next to 'Event Custom CSS':

css_1.png

A modal will appear to add your CSS. 

css_2.png

Once complete, click 'Save'.

Entering Session Level CSS

Open your event in Sitebuilder and navigate to the Session you wish to customize. 

Then, select the 'Settings' tab at the top of the page menu:

css_3.png

Scroll down to 'Session Custom CSS' and select the pencil icon.

A modal will appear to add your CSS. 

css_2.png

Once complete, click 'Save'.

Related Articles

 

Top