System Configuration: System Appearance

The System Appearance section of the “System Configuration” allows you to determine much of the way that the system looks to your volunteers. This is where you can choose the colors for your console as well as the system-wide font, form styles, and more. See below for more details about each of the options in this section.

• Organization Logo: The logo shown here will appear at the top of all of the pages in CERVIS. If you need to change the logo in your console, please contact CERVIS Customer Support as described in the Knowledge Base Article linked HERE.
• E-mail Template Header Logo: The logo shown here will be displayed at the top of all of your email messages. By default, this will be the same as your organization logo, but you can contact CERVIS Customer Support to change it by following the steps in the Knowledge Base Article linked HERE.
• PDF Activity Summary Header Logo: The logo shown here will be displayed at the top of your Volunteer Activity Summaries that can be printed by you or the volunteer. Please contact CERVIS Customer Support if you’d like to add or change this logo by following the steps in the Knowledge Base Article linked HERE.
• Hide Logos on iFrame Integrated Pages: Select whether or not you would like to hide the logos from pages that have been integrated into your website. This allows you to avoid having duplicate logos on pages integrated into your webpage, but still allows the logo to display when being viewed in stand-alone mode.
• Display Volunteer Participation Information Bar: Determine whether or not you would like to display the participation bar on the top of the volunteer portal showing the volunteer a snapshot of the number of hours they've served, the number of opportunities they've participated in, the number of years they've served with you and the number of awards they've received.
• Display Social Media Integration Options: Select whether or not you would like to allow volunteers to be able to directly share information about posted opportunities via social media channels (specifically Facebook and Twitter).

For any of the color options below, you can enter the hex number for the color you would like to use. If you do not know the hex number, click the color tile next to the field to select the desired color.

• Console Background Color: The color of your console’s background when integrated into your website.
• Page Heading Color: Main page titles displayed just below the organization logo.
• Page Background Color: The color of the entire page.
• Page Text Color: The color of the main text.
• Hyperlink Color: The color of a hyperlink.
• Hover Over Hyperlink Color: The color of a hyperlink when you put your mouse over it.
• Table Row Selected Color: The color of the row in a listing that has been selected.
• Table Row Hover Color: The color of a row in a listing when your mouse is over it, but you have not yet selected it.
• Form Field Input Focus Color: The color of a text box when it is selected.
• Checkbox Selected Color: The color of a checkbox when it is selected.
• Checkmark Color: The color of the checkmark inside of a checkbox.
• OpportunityListing Text Color: The default color of the font for your event/project listings.
• OpportunityListing Text Color (Hover - Open): The color of the event listing text when your mouse is over it and the opportunity is still open.
• OpportunityListing Box Color (Hover - Open): The background color of the text box for your event listing when your mouse is over it and the opportunity is still open.
• OpportunityListing Text Color (Hover - Closed): The color of the event listing text when your mouse is over it and the opportunity is closed.
• OpportunityListing Box Color (Hover - Closed): The background color of the text box for your event listing when your mouse is over it and the opportunity is closed.
• OpportunityListing Text Color (Hover - Info): The color of the event listing text when your mouse is over it and the opportunity can not be immediately registered for, but volunteers can only view it to learn more information about it.
• OpportunityListing Box Color (Hover - Info): The background color of the text box for your event listing when your mouse is over it and the opportunity can not be immediately registered for, but volunteers can only view it to learn more information about it.
• OpportunityListing Text Color (Hover - Waitlist): The color of the event listing text when your mouse is over it and the opportunity is waitlisted.
• OpportunityListing Box Color (Hover - Waitlist): The background color of the text box for your event listing when your mouse is over it and the opportunity is waitlisted.

• Success System Message Text Color: The color of the text for successful actions.

• Success System Message Box Color: The background color of the text box for successful actions.

• Warning System Message Text Color: The color of the text for warnings in the system.

• Warning System Message Box Color: The background color of the text box for warnings in the system.

• Error System Message Text Color: The color of the text for actionable errors made in the system.

• Error System Message Box Color: The background color of the text box for actionable errors made in the system.

• Informational System Message Text Color:The color of the text for informational messages.

• Informational System Message Box Color: The background color of the text box for informational messages.

• System Button Style: Select the button style to be used throughout the system. Choose between a variety of styles.
• System Button Shape: Select the form style to be used throughout the system. Choose between rounded edges, square edges, or oval.

• Input Field Shape: Select the input field shape to be used throughout the system. Choose between rounded edges or squared edges.

• Display Input Field Shadow: Select whether or not you want input fields to be displayed with a drop shadow effect.

• Display Message Box Shadow: Select whether or not you want message boxes to be displayed with a drop shadow effect.
• System-wide Font: Select the font you want to use as the system-wide font.
• Please keep in mind that each font may be a different size and could change the display of some elements throughout the system.

The selected font will be used for all form fields, button text, page headings and body text. If you would like to use a custom non-standard font, please submit a ticket to our Customer Support team for assistance as described in the Knowledge Base Article linked HERE.