Custom CSS Documentation

White labels – once setup, will need a bit of customization. Our team will help with the initial setup, but if you want to make additional changes, you can use our white label custom CSS page to do so.

Here are text files with most of the commonly used CSS changes. Please see the comments to see what the CSS modifies.

Note: there is a DOM tree at the start of each file to give you an idea of the location of the style overall.

…………………………………………………………………………………………………………………..

White label

To access the custom style-sheets:

  1. Go to the Setup > Templates page of your event
  2. Select White Label and click the Edit button on the right hand side
  3. Locate the Custom Style-sheets section
  4. Place your custom code here
  5. Click the Save button at the bottom.

Here is the file with CSS related to the whitelabel

Documentation for CSS whitelabel

…………………………………………………………………………………………………………………..

Embed 7, Pinboard, Mobile, Timeline

Please note that each experience has its own section to place CSS. To make changes across all experiences, each of the 4 themes will need to be changed. The experiences were built off similar CSS base so unless stated, the code within the file applies to all 4.

To access the custom style-sheets:

  1. Go to the Admin > Manage Templates page of your event
  2. Select the front end experience Tab you want to change, Embed 7, Pinboard, Mobile or Timeline
  3. Select the theme you want to modify(create one if there is none or just the default one)
  4. Once selected, the Edit should be available on the right hand side, select this
  5. Location the Template Top HTML/Header section and place your custom here

Documentation for CSS v7_mobile_pinboard