Follow

Appearance - Themes

Under Construction

The Themes page in the Appearance section is a place to change the colors and fonts on the website and app. 

Their are a couple different ways to change each color. Each section in the themes page allows admins to place a color code into each field or clicking into the field will pull a color box window where admin can select a color from a color pallet.

2018-07-24_12-32-10.png

To change colors, go to Admin>Appearance>Themes

Each field has its own specific function and is separated into subsections throughout the page. Listed below are the subsections and fields and what functions are associated with each.

COPY THEME SETTINGS FROM ANOTHER CONFERENCE - This section allows admins to copy over themes from a previous event. Select the conference in the drop down list and press Copy. 

Theme: 

Desktop Theme - 

Typography: 

Google Fonts - 

Main Nav Font - 

Title Font - 

Title Font Weight - 

Text Transform - 

Paragraph Font - 

Body: 

Primary Color - This is the main color of the website and app. 

Background Color - Changes the background of the website and app to the specified color.

Link Color - Changes the color of Links on the website.

Link Hover Color - Changes the color of Links when the mouse cursor is hovered over it.

Icons: 

Color - Changes color of the icons on the app and website.

Main Nav: 

Background Color - Changes the background color of the main navigation bar

Full Width - Changes the size of the main navigation bar and banner to fit the full size of the website.

Text Transform - Changes the way the text is displayed in the main navigation bar from uppercase to lowercase or capitalized lettering.

Font-Size - Changes the font size of the text in the main navigation bar.

Font Weight - Changes the main navigation text from bold to not bold. Also can be changes to italics

Icons Color - Changes the colors of icons throughout the website and app.

Icons Active Color - Changes the colors of icons on the app and website when the icon link is selected and active.

Labels Color - Changes the colors of the text in the main navigation bar.

Labels Hover Color - Changes the color of the text when the mouse cursor is hovered over the main navigation bar. 

Labels Hover Background Color - Changes the background color surrounding the main navigation text when the mouse cursor is hovering over it. 

Labels Active Color - Changes the color of the text in the main navigation bar when the specified menu item is selected and active. 

Labels Active Background Color - Changes the color of the background in the main navigation bar when the specified menu item is selected and active.

Mobile Accent Bar Color - Changes the color of the Accent Bar on the app.

Accent Bar Inactive - Changes the color of the Accent Bar when the menu item is inactive. 

Accent Bar Hover - Changes the color of the Accent Bar when the mouse cursor hovers over the Menu item. 

Desktop Accent Bar Color - Changes the color of the Accent Bar on the website

Border Radius - Changes the size of the border around the main navigation bar on the website. 

Sub Nav: 

Color - Changes the color of sub menu links on the website.

Font Size - Changes the font size of the sub menu links.

Background Color - 

Active Color - 

Active Background Color - Changes the color of the sub menu links when the the page is active.

Top Bar: 

Background Color - Changes the background in the Top Bar section of the website.

Label Color - Changes the color of the text in the Top Bar section of the website.

Border Color - Changes the color of the border around the Top Bar section of the website. 

Dropdown Triangle - Changes the color of the Triangle in the drop down in the top right of the website.

Banner: 

Background Color - Changes the color of the of the website and app around the main branding banner. 

Border Radius - Changes the width of border around the Main Banner.

Card: 

Background Color - Changes the background color of the "cards" UI Sections and the Sidebar on the app and website.

Border Color - Changes the color of the border around the"cards" UI Sections and the Sidebar on the app and website.

Border Radius - Changes the width of the border around each "card" in the main UI section of the website. 

Shadow - 

Email: 

Background Color - Changes background color of the email template. 

Buttons Background Color - Changes color of the Accept Invitation button.

Buttons Color - Changes color of the text inside the Accept Invitation button.

Links Color - Changes the color of Links inside the email template.

Messages: 

Success Background Color - Changes the color of the Success Message received in the app and website.

Warning Background Color - Changes color of warning messages in the app and website.

Error Background Color - Changes the color of error messages in the app and website.

Custom Css: 

Custom Overrides - Allows admins to provide a CSS to further customize the app and website. 

 

Please note: Any field that has a computer icon references the changes made to desktop only.

 

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request
Powered by Zendesk