Skip to main content
All CollectionsPlanning and ConfigurationBranding
Branding: Banner, Theme and Fonts
Branding: Banner, Theme and Fonts

Make your account your own with a custom banner and colour selections.

Updated over 2 months ago

To set up your account's branding navigate through Configuration and over to the Branding section in the left menu.

Banner

Add Banner

  1. Under Branding, click on “Banner” found in the sidebar under Branding

  2. In the “Upload a New Banner” section, click the [Choose File] button and select your image

  3. Click the [Upload Banner] button. Your banner will be displayed in the “Current Banner” section.

  4. Optional: In the “Update Banner Link” section, enter a website that a volunteer will be taken to if they click on your banner image; click [Update Banner Link] button

Note: Banners must be:
Width: Exactly 1002 pixels
Height: Exactly 124 pixels
File type: JPG, GIF, PNG
File size: No more than 200KB
Resolution: No more than 72 DPI

Remove Banner

  1. In the “Current Banner” section, click the [Remove Banner] button

Important: If you remove your banner, you cannot retrieve it later through Better Impact.

Banner Alt Tag

  1. Banner Alt Tag: Enter the custom Alt Tag you would like shown if the banner image fails to load, or if a person is using a screen reader or other accessibility tool (maximum 500 characters)

  2. Click the [Save] button


Theme

Setting Your Colours

Note: Only one theme can be saved at a time, but customization can be cleared, enabling you to revert (i.e. the [Clear] button) to the default settings used for MyImpactPage.com

Branding options can be set for these areas. Click on the [Info] button beside each section name to learn more about each of the settings.

  • General (background, page, header, menu)

  • Sections (heading 1, heading 2, heading 3, content)

  • Info Box

  • Dialog Headers

  • Buttons (button 1, button 2)

  • Lists (header, items)

  • Links

  • Notice

  • Date Picker (header, body, background, text)

  • Table Headings

  • Reports Graph

  • Other

  • Opportunity Calendar (colors for background, border, and text of activity categories)

  1. Click on the box for the setting you would like to change. Colors can be selected from a palette or by entering the specific “HEX code”.

    1. You can also click the [Choose the color from your banner] button beside each option to display a window containing your banner image. By

      • Click on an area in the banner, and the corresponding HEX code value will be displayed for that color.

      • Click [OK] to use the selected color.

  2. Preview your changes on the right side of the screen:

    • MyImpactPage.com – settings for the volunteer portal

    • Timeclock – settings for the timeclock

    • Mobile / App – settings for the volunteer portal when accessed from a mobile device (i.e. MyImpactPage.mobi) or the My Impact app

  3. If you click the [Show All] button at the top left, settings you can change on all portals will be displayed in the left side.

  4. Scroll down and click the [Save] button. Only one theme can be saved, but it can be cleared, enabling you to revert (i.e. the [Clear] button) to the default settings used for MyImpactPage.com.

IMPORTANT: If you clear your branding settings, you cannot retrieve them later.


Content Font Settings

Note: The software enables universal settings to be created at the Enterprise level, and custom settings to be created within the sub-accounts. If these settings are saved only at the Enterprise level, they will be implemented at both the Enterprise and sub-account levels. Settings saved in a sub-account will override the Enterprise settings within that sub-account only. If Full Enterprise administrators want to remove the ability for sub-account administrators to create their own custom settings, please reach out to our Support team to have the permission settings on this feature updated on your account.

  1. In the desired section (“Email Content”, “Non-Email Content”), select the defaults you would like to use for Text Box fields:

    • Font Face (select from the drop list)

    • Font Weight (select either “Normal” or “Bold” from the drop list)

    • Font Size (select from the drop list)

    • Font Color (select a color from the palette) or click the [Choose the color from your banner] button to display a window containing your banner image.

      • Click on an area in the banner, and the corresponding HEX code value will be displayed for that colour.

      • Click [OK] to use the selected colour.

  2. You can view the “Preview” text to see what your default settings will look like

  3. Click the [Save] button

Did this answer your question?