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 project 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

Project Level vs Session Level

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

  • Project Level: affects all pages of the site where applicable including the project 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 Project Level CSS

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

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

Screenshot 2023-09-22 at 6.24.02 PM.png

A modal will appear to add your CSS. 

css_2.png

Once complete, click 'Save'.

Entering Session Level CSS

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

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

Screenshot 2023-09-22 at 6.26.00 PM.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