Custom branding using CSS

CSS Stands for Cascading Style Sheet. Cascading style sheets are used to format the layout of Web pages. They can be used to adapt colors, layout, font and other aspects of Web pages that previously could only be defined in a page's HTML.

Using the CSS tool you can edit your web pages. CSS is a language and therefore best used by developers, but in this FAQ we will show you an example of how you can add background images to your web pages.

How do I enable the CSS tool?

To enable the CSS tool, click on Settings > Tools > Edit > scroll down until you see the Start section > enable White Label > press End to save the changes.

Which web pages can I edit?

You can edit the following web pages:

  • Website
  • My Account
  • My Agenda
  • Networking
  • My Tickets
  • My Forms
  • My App
  • Virtual Lobby
  • Registration Form
  • Custom Form
  • Purchase Form
Please note that the underlying HTML and CSS may change from time to time. When customizing and uploading custom rules, you understand and accept these terms.

Where can I find the CSS tool?

Go to Event > Details > Edit. Scroll down to  Custom CSS for Attendee Center and click the blue button.

Once you open up the CSS you will find a table, containing the web pages you can edit and the root of that page.

Page

Root

Website

#websiteContent

My account

#myAccountWrapper

My agenda

#myAgendaWrapper

Networking

#networkingWrapper

My tickets

#ticketManagerWrapper

My forms

#myFormsWrapper

My app

#appContent

Virtual Lobby

#liveWrapper

Registration form

#formVue

Custom form

#customFormVue

Purchase

#purchaseVue

Below the table of Pages and their roots you will have the Custom CSS box where you can begin to code the changes. When you want to edit a particular piece of the web page, always start by entering the the ROOT to the text box.

Check an example below:

Most frequently requested CSS codes

To check the most frequently requested CSS codes for you to customize the Virtual Lobby, please read this article.


How Did We Do?