ABCDEFGHIJKLMNOPQRSTUVWXYZ
1
NameNotesCSS Selector(s)
2
Global background colorUsed to change background color from light grey to something else. We typically recommend retaining the default.body { background: [hex or rgb]; }
3
Global typefaceImpacts all text. Default is Lucida Grande. Changing this can create some spacing issues.body { font-family: [typefaces]; }
4
Flexible branding - topInactive by default. When activated, inserts an image above the standard header.#flex-branding-top { background: [hex or rgb]; }
5
Flexible branding - bottomInactive by default. When activated, inserts an image beneath standard content.#flex-branding-bottom { background: [hex or rgb]; }
6
Standard headerThis is active by default and generally contains the event organizer’s logo. We typically update the background property to match the logo.header { background: [hex or rgb]; }
7
Global announcementThis is a message which appears at the very top of the page. By default, it is inactive. You can set background color and text color.#announce-global { background [hex or rgb]; color: [hex or rgb]; }
8
Session headerAn additional bar which appears as a header for a session, with text indicating which session a user is in.#header-session { background: [hex or rgb]; }
9
Session header textThis is the text inside the session header. This is how you change the text color.#header-session h1 a { color: [hex or rgb]; }
10
Session header text (no ellipsis)This code will override the default styling, and allow a Session Title to wrap across multiple lines.#header-session h1 a { text-overflow: clip; white-space: normal; }
11
Section headersThere are a number of sections with contain links to various things. At the top of the list is a header bar..section-header { background: [hex or rgb]; }
12
Section header textChanging the color of a link list header requires another line of code . You may want to change both the color and text-shadow..section-header h1 { color: [hex or rgb]; text-shadow: none; }
13
Section header action linksThere are occasionally action links that appear to the right of the header text. For example, we might have a “Create” or “new” link..section-header a { background: [hex or rgb]; color: [hex or rgb]; text-shadow: none; }
14
Section header action link hover stateYes, these links have a hover state as well.section-header a:hover { background: [hex or rgb]; }
15
Poll list headerPolls are a special kind of link list but can be overridden similarly.#dashboard-polls .section-header { background: [hex or rgb]; color: [hex or rgb]; text-shadow: none; }
16
Poll list action linkThis is the “Create Poll” button that moderators can see. You may also need to change the left border color.#dashboard-polls .section-header a { background: [hex or rgb]; color: [hex or rgb]; border-left-color: [hex or rgb]; text-shadow: none; }
17
Poll instructionsAttendees see these instructions when polls are visible.#dashboard-polls .section-instructions { background: [hex or rgb]; color: [hex or rgb]; }
18
Social Q&A list headerSocial Q&A are a special kind of link list but can be overridden similarly.#dashboard-questions .section-header { background: [hex or rgb]; color: [hex or rgb]; text-shadow: none; }
19
Social Q&A list action linkThis is the “Ask” button that attendees can see. You may also need to change the left border color;#dashboard-questions .section-header a { background: [hex or rgb]; color: [hex or rgb]; border-left-color: [hex or rgb]; text-shadow: none; }
20
Social Q&A instructionsAttendees see these instructions when Social Q&A is visible.#dashboard-questions .section-instructions { background: [hex or rgb]; color: [hex or rgb]; }
21
Social Q&A no upvoteTakes away the ability for participants to upvote#dashboard-questions .vote { display: none !important; }
22
Moderator Sign In buttonThis is for the sign-in button itself.btn-moderator-login
23
Session Dashboard - Announcement HeadingTo hide the announcement, use the CSS rule "display: none;"#dashboard-announcement h2 {
display: none;
}
24
Session Announcement - Creating hyperlinkAdd text that is hyperlinked to another page within the announcement. Replace (INSERT LINK) with the url of the page and (INSERT TEXT) with the text you would like to appear.<a href="(INSERT LINK)?dl=0
" target="_blank">(INSERT TEXT HERE)</a>
25
Session Dashboard - BottomThis is a specially named section at the bottom of the session, which in V1 is only used for the moderator sign in button, or the session settings button (if a user is signed in as a moderator)#session-bottom
26
Admin sign-out/logout button.btn-admin-logout
27
Social Q&A Instructions (Text)Change the text (in quotations) on the Social Q&A labels & Instructions. This uses the "Custom Head" section.<script>
var custom_labels = {
session_dashboard_qa: "Questions",
session_dashboard_ask: "Ask",
session_dashboard_no_questions: "There are no questions right now...",
ask_question_header: "Add a question",
ask_question_field_label: "What's your question?",
question_added_transition_normal: "Your question is being added! Please wait just a moment ...",
question_added_transition_filter: "Your question is being added. Because the Q&A Filter is enabled, a Moderator must approve it first.",
ask_question_filter_message: "After submitting, your question will enter a moderation queue for approval."

};
</script>
28
Session Evaluation Button LabelChange the session evaluation button label to something different than "Evaluate This Session" (put the following code within the "Custom Head" section within the custom branding page.<script>
var custom_labels = {'evaluate_session_button': 'New Text'};
</script>
29
Social Q&A, Presenter List HeadingChange the text (in quotations) to customize the text that normally says "For whom is this question" when the Social Q&A Panel feature is enabled.. This uses the "Custom Head" section.<script>
var custom_labels = {
ask_question_presenter_list_heading: "For whom is this question"

};
</script>
30
Social Q&A, Presenter 'prefix' adjustmentChange the text (in quotations) to customize the text that normally says "for" as the prefix before a presenter's name when the Social Q&A Panel feature is enabled.. This uses the "Custom Head" section.<script>
var custom_labels = {
session_dashboard_social_qa_presenter_prefix: "for"

};
</script>
31
Session Evalution - Choose Another Session buttonWhen this is updated, it is typically to hide it (for various reasons).btn-choose-another-session
32
Go Back Button Button at top of page after attendee responds to poll.btn-inverse
33
Redirect Header Image Link to Separate URLAdd to Custom Head Section and Replace "New URL here"<script>
$(document).ready(function(){
$("header h1 a").attr("href", "new URL here");
});
</script>
34
Unlink Header Image (No redirect to homepage)Add to Custom Head Section<script>
$(document).ready(function(){
$("header h1 a").attr("href", "#");
});
</script>
35
Navigation Panel ColorBackground color of the navigation panel menu.sidebar-panel {
background: [hex or rgb];
}
36
Date/Time Headers
Admin/Moderator Setting Headers		Background color for Admin setting labels, Moderator setting labels, and date/time headers on multi-session apps.#main .link-list h1 {
background: [hex or rgb];
}
37
Bar Chart ColorsUp to 15 can be specified, but not all need to be used. .bar-chart .row-1 td.poll-percentage-bar span {
background: [hex or rgb];
background-image: none;
}
.bar-chart .row-2 td.poll-percentage-bar span {
background: [hex or rgb];
background-image: none;
}
.bar-chart .row-3 td.poll-percentage-bar span {
background: [hex or rgb];
background-image: none;
}
.bar-chart .row-4 td.poll-percentage-bar span {
background: [hex or rgb];
background-image: none;
}
.bar-chart .row-5 td.poll-percentage-bar span {
background: [hex or rgb];
background-image: none;
}
.bar-chart .row-6 td.poll-percentage-bar span {
background: [hex or rgb];
background-image: none;
}
.bar-chart .row-7 td.poll-percentage-bar span {
background: [hex or rgb];
background-image: none;
}
.bar-chart .row-8 td.poll-percentage-bar span {
background: [hex or rgb];
background-image: none;
}
.bar-chart .row-9 td.poll-percentage-bar span {
background: [hex or rgb];
background-image: none;
}
.bar-chart .row-10 td.poll-percentage-bar span {
background: [hex or rgb];
background-image: none;
}
.bar-chart .row-11 td.poll-percentage-bar span {
background: [hex or rgb];
background-image: none;
}
.bar-chart .row-12 td.poll-percentage-bar span {
background: [hex or rgb];
background-image: none;
}
.bar-chart .row-13 td.poll-percentage-bar span {
background: [hex or rgb];
background-image: none;
}
.bar-chart .row-14 td.poll-percentage-bar span {
background: [hex or rgb];
background-image: none;
}
.bar-chart .row-15 td.poll-percentage-bar span {
background: [hex or rgb];
background-image: none;
}
.bar-chart td.poll-percentage-bar span {
background: none;
border: none;
background-image: none;
}
38
Slide background image (light theme)Add a background image to light themed live content slides.slide-light {
background-image: url("URL_TO_IMAGE");
}
39
Slide background image (dark theme)Add a background image to dark themed live content slides.slide-dark {
background-image: url("URL_TO_IMAGE");
}
40
Hide Beatles gifHides the checkin/checkout gif.session-checkin-status-modal-waiting .gif { display: none; }
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100