Help Center
Follow

Site Design Settings

Important: While this article applies to all Connect site administrators, some of the options described here may not be available in certain packages.

The Site Settings area of your Manager Panel includes various options for "dressing up" your Get Connected home page. Here's where you'll apply colors, logos, and other branding elements to make the platform unique to your organization. This article covers the following topics:

Site Colors

You can choose the primary and secondary colors for your site. To select colors, type the hex code (if you know it already) into the applicable Site Design fields in Site Settings.

You can also click in the field to open the color picker.

Primary Color Items

The primary color you select in Site Settings will affect the following items:

  • Most buttons, including the Respond to Need, RSVP and Submit/Update buttons
  • The search icon
  • Hyperlinks
  • Breadcrumbs

Secondary Color Items

The secondary color you select in Site Settings will affect the following items:

  • Side Navigation links
  • Top Navigation highlighted items
  • Tabs in the Edit Profile and Manage Agency sections
  • Tool tips
  • Icons that represent details within a need/event posting (not the category or interest icons)

Note: For more information on selecting colors, see our article "Branding and Color Codes."

Tertiary Color Items

The tertiary color applies to the Service Learning Module (SLM). You don't need to use this field unless your organization has purchased and is using the SLM.

Navigation: Volunteer Impact Pages

All Get Connected 2.0 sites include functionality for a Volunteer Impact Page (VIP) a resource for communicating your site's goals, initiatives, and successes. By default, each site includes a VIP icon in the utility bar.

Users can click this icon (the image of a graph) to access your site's VIP.

If you are working on your site's VIP or are not using the feature and want to hide the VIP button from the utility bar, you can make this change in Site Settings.

Remember to click Update Settings in order to save your changes.

Desktop and Mobile Banners

For optimal performance, your Get Connected platform should include a desktop banner (for desktop and laptop computers) and a mobile banner (for phones, tablets, and other smaller-screen devices).

As explained on the screen itself, the banners should have specific dimensions for ideal viewing:

  • Your Desktop Banner should be 1600 pixels wide and 300 pixels high
  • Your Mobile Banner should be 960 pixels wide and by 360 pixels high

To add a banner, click the Choose File button. Browse to the desired image file (jpg, png, or gif) and click Open.

The default banner is the one shown in the image below. If, at any time, you want to return to the default banner, simply click check to restore default.

Favicon

A favicon (“favorite icon”) is a small icon that can be used to identify your page. Favicons are displayed in several areas of a browser, most notably the address bar, in bookmarks, and in the browser tab.

 favicon.png

As a Site Manager, you can replace the default favicon (shown in step 1 below) with one of your own. To do so:

  1. In Site Settings, scroll down to the Favicon field, located under in the Site Design area.
  2. Click Choose File.
  3. Browse to and select the favicon.
  4. Note: The favicon must be an image file (.jpg, .png, or .gif). The system will not accept .pdf, .doc, .docx, or other file types.

  5. Click Open (or double-click the filename) to add the file.
  6. Click Update Settings to save your changes.

Note: Regardless of size of the file you upload, Get Connected will resize the file to the standard 16x16 pixels.

To restore your favicon to the built-in Get Connected favicon, click check to restore default. (The default is the same "GC" logo that is used for the default favicon.

Site Logo

Your site logo shows up in two places in Get Connected:

As a Site Manager, you should upload a logo as one of your first administrative tasks. To do so:

  1. In Site Settings, scroll down to the Site Logo field, located in the Site Design area.
  2. Click Choose File.
  3. Browse to and select the logo.
  4. Note: The logo must be an image file (.jpg, .png, or .gif). The system will not accept .pdf, .doc, .docx, or other file types.

  5. Click Open (or double-click the filename) to add the file.
  6. Click Update Settings to save your changes.

To restore your site logo to the default, click check to restore default.

Home Page Map

By default, a map is displayed on the dashboard for the non-logged-in visitor.

The logged-in user can see the home page map as the backdrop for the Search for more opportunities nearby element on their dashboard.

Map Options

You have a couple of options regarding the space for the map:

Entering an Address

To have your home area shown in the map, go to Site Settings and enter an address in the Home Page Map fields.

Remember to click Update Settings to save your work.

Replacing the Map with an Image

If you replace the map with an image, the image will show up as a faded picture, which will allow users to see the text that overlays it. In the example below, the map has been replaced with a photo.

To replace the map, go to Site Settings and click the Choose File button under the Home Page Image heading. Browse to the file, select it, and click Open. Once you've loaded the image, it is displayed below the Choose File button.

To return to the map image, click check to restore default.

Note: The size of the default map image is 640x640 pixels, but the system will adjust the image if it's a different size--so your image does not need to be the exact size of the default. Of course, you want to avoid images that are very small (as they might be stretched to a point of not looking good) or very large (as this could slow down the loading of the site).

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

Comments

Powered by Zendesk