Custom branding using CSS
Updated 3 months ago
by
Lisvan Reyes Ricardo
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
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 their respective roots.
Page | Root |
#websiteContent | |
#myAccountWrapper | |
#myAgendaWrapper | |
#networkingWrapper | |
#ticketManagerWrapper | |
#myFormsWrapper | |
#appContent | |
#liveWrapper | |
#formVue | |
#customFormVue | |
#purchaseVue |
Below the table of root classes on different pages, you will find 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 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.
