Virtual Lobby Editor for Classic Layout

The Virtual Lobby Editor tool allows you to customize the look and feel of your Virtual Lobby in both Neo and Classic layouts without the needing to use CSS codes.

In this article, you will learn how to customize your Virtual Lobby in the Classic layout using the Virtual Lobby Editor tool. To learn how to customize your Virtual Lobby when using the Neo layout, click here.

Choosing the Classic layout for your Virtual Lobby

To select the Classic layout for your Virtual Lobby, follow these steps:

  1. Go to Event > Virtual Lobby
Image showing where to find Virtual Lobby tool
  1. Click on Edit.
  2. Select Classic from the Lobby layout type drop-down.
  3. Click End to save your changes.
Classic layout

Where can I find the Virtual Lobby Editor?

To locate the Virtual Lobby Editor, go to Event > Virtual Lobby. You will find the Virtual Lobby Editor tool on the left panel of the page.

Image showing the tab Virtual lobby and the Virtual Lobby Editor tab

Customizing your Virtual Lobby

To customize your Virtual Lobby, click on the Virtual Lobby Editor tool. A menu listing the available sections will appear on the left-hand side of the page, while a Live view of your Virtual Lobby will appear on the right.

To begin your customization, click on Edit at the top right corner of the page.

As you make changes to any section, the platform will highlight the section you are currently working on in real-time with a gridline, allowing you to see where your changes will be applied.
When making color customizations, you can select a color from the color board or type the hex color code or RGBA code of your desired color

Sections

  1. Top Bar
    In this section, you will find the different customization options available for the top bar of your Virtual Lobby:
  • Bar: Customize the top bar of your page - background color, text color, font size, and hover color.
  • Buttons: Customize the buttons at the top bar of your page. This includes the background color, text color, font size, hover background color, and text color.
Top bar button customizations are visible within an activity, sponsor, or exhibitor room.

GIF showing the Top Bar section of the Virtual Lobby Editor

  1. Top Menu
    In this section, you will find the customization option available for the top menu of your Virtual Lobby.
  • Menu: Customize the navigation tab at the top of your Virtual Lobby page, including the background and text colors. You can also customize the color of the active tab under the section Selected.
GIF showing the Top Menu section of the Virtual Lobby Editor
  1. Under this section, you will find the different customization options available for your Profile dropdown menu.
  • Info Profile: You can customize the background color, text color, and font size of your profile information.
  • Menu item: You can change the background color, text color, font size, hover background color, and text color of the profile menu items.
  • Menu footer: You can change the background color, text color, font size, hover background color, and text color of the profile menu footer.
GIF showing the Menu Dropdown section of the Virtual Lobby Editor
  1. Main Background
    Under this section, you will find the customization option available for the main background of your Virtual Lobby.
  • Main background: Here, you can upload a background image or a GIF. You can also use a solid background color to personalize the whole background of your Virtual Lobby.
Suppose you previously set an image or a GIF as your background and want to replace it with a solid background color. You must click on reset to clear the existing background image before setting a new one. Otherwise, your changes will not reflect.
GIF showing the Main Background section of the Virtual Lobby Editor
  1. Event Cover
    In this section, you will find the different customizations available for your event title, content, and description.
  • Cover Content: Customize the background color and border color and opacity of your event cover content.
  • Event Title: Customize the text color and font size of your event title.
  • Event Description: Customize the text color and font size of your event description.
GIF showing the Event Cover section of the Virtual Lobby Editor
  1. Virtual Lobby
    Under this section, you will find different options available to customize different elements in the Virtual Lobby.
  • Titles: Customize the color, font size and hover color of the titles inside the Virtual Lobby - Activities, Sponsors, Group rooms, etc.
  • Text color: Customize the text color and font size inside the Virtual Lobby.
  • Date Selectors: Customize the background color, text color, and hover color of the activity dates in the Virtual Lobby.
  • Buttons: Customize the background color, text color, font size, hover background color, and text color of the buttons in the Virtual Lobby.
  • Activity item: Customize the border color for Activities.
  • Meeting Item: Customize the border color for Meetings.
  • Sponsor Item: Customize the border color for Sponsors and Exhibitors.
  • Sponsor Content: Choose whether or not to display Sponsors and Exhibitors in the Virtual Lobby by toggling the Display content button on or off.
GIF showing the Virtual Lobby section of the VIrtual Lobby Editor
  1. Live Session
    Under this section, you will find different customization options available for live sessions. These customizations apply to live sessions in activity, sponsor, exhibitor, group, breakout, and meeting rooms.
  • Main background: You can upload a background image or a GIF or change the background color inside your live sessions.
  • Text content: Change the background color and text color of the Text content inside your sessions.
  • Tabs: Change the background color of the tabs at the left-hand side of your session rooms.
  • Tabs icon: Change the background color, text color, hover background color, and text color of the tab icons. You can also customize the color of the active tab under the section Selected.
  • Tab Content Texts: Customize the color of the text content within each tab of a session room.
  • Speaker heading: Customize the color of the Speakers heading located at the bottom of the session's page, just above the displayed speakers.
GIF showing the Live Session section of the Virtual Lobby Editor
  1. Live Studio

Under this section, you will be able to customize various element properties in the Live Studio.

  • Label Name: Change the shadow, color, border, padding, margin, letter case, and font properties of the Label Name.
  • Headline: Change the shadow, color, border, padding, margin, letter case, and font properties of the Headline.
  • Chyron: Change the color, letter case, and font properties of the Chyron.
  • Default Lower third title: Change the color, border, padding, margin, letter case, and font properties of the Lower third subtitle.
  • Default Lower third subtitle: Change the color, border, padding, margin, letter case, and font properties of the Lower third subtitle.
  • Video: Change the border color and radius of the video.
GIF showing the Live Studio section of the Virtual Lobby Editor
  1. General Pages
    Under this section, you can customize the general pages on your Virtual Lobby. General pages include My agenda, My files, My account, and other tabs that appear at the top navigation bar of the Virtual lobby.
    To learn how to add and manage Virtual Lobby tabs, click here.
  • Main background: You can add a background image, a GIF, or a background color to the general tab pages.
  • Titles: You can change the text color and font size of titles inside the general tab pages.
  • Tabs: You can change the background color, text color, and font size of tabs inside the general pages. You can also customize the background color and text color of active tabs under the section Selected.
  • External texts: You can change the text color of external texts in the general pages.
  • Date selector: Change the text color and font size for dates on pages like My Agenda. You can also customize the background color and text color of active dates under Selected.
GIF showing the General Pages section of the Virtual Lobby Editor

Can I reset the Virtual Lobby Customizations?

You can reset the customizations made on your Virtual Lobby within individual sections by clicking the Reset button. A pop-up will appear for you to confirm the change you are about to make. Click Reset to confirm, and that section of the Virtual Lobby will go back to its original settings.

To reset all customizations to the default settings, click on the Reset to default button at the upper right corner of the page.

GIF showing how to reset Virtual Lobby Customization
Always click the End button to ensure your changes are saved.

To learn more about setting up your Virtual Lobby, click here.


How Did We Do?