How do I customize the design of the Impact Support Center?
Admins can manage the Support Center design using the default theme, a custom theme, or their Canvas theme.
Note: When creating a customized button, there are 2 separate contexts, one for the default support button and one for the customized button you created. The customized button you created has a different template/context. If you expect a message to show up that is attached to the context of the default button, it will not show up because a new context is now available that isn't connected to that message.
Connect to Canvas Instance
Connect to your Canvas Instance through the Impact dashboard, click the Instance drop-down menu  and select the instance name 
Select a Support Center to Edit
In the Support Center drop-down menu, select the Support Center you need to edit if you have more than one active support center.
To manage your theme, click the Expand icon .
To view the Support Center in the default theme, click the Default option .
To use your Canvas theme for the Support Center, click the Canvas Theme option .
To create a custom theme, click the Custom Theme option .
Note: If Canvas Theme and Custom Theme are not present, please submit a ticket to [email protected] to request customization.
Manage Custom Theme
In your theme design, you can use the following custom fields:
- Header Background : A background color for the header.
- Header font color : A color for the header text.
- Top button : A color of the buttons in the header.
- Main area background : A background color for the main area.
- Main area font color : A color for the main area text.
- Links : A color for links.
- Content area background : A background color for the content area.
- Contact area font color : A color for the contact area text.
- Contact buttons : A color for the contact buttons.
- Footer background : A background color for the footer.
- Footer font color : A color for the footer text.
Note: To see a style guide of what the button will look like with different designs, visit the Impact Support Center Button Style Guide.
Manage Custom Button
Custom Design Default
By default, the Custom design toggle is disabled to not interfere with existing custom set ups. If you choose to turn on custom design, it will override the existing custom set up and you will be able to create a new one.
Note: If you turn on custom design, you will always be able to go back to the previous design by switching the Custom design toggle.
Custom Button Design
In your button design, you can use the following custom fields:
- Size : Display size small or big.
- Display type : Display floating or sidebar button.
- Alignment : Display alignment left side, center, or right side.
- Position : Display position top, center, or bottom.
- Button corners : Change button corners appearance.
- Colors : A primary color and background color for the button
- Button text : Text when hovering over button.
- Icon : Display button with or without icon.
- Icon Positioning : Position the icon on the left or right side or the text when hovering.
- Behaviour : Create a static or draggable button.
- Drag controls positioning : Draggable button controls display on the left or right side.
- Expandability : Expandability display for button.
Preview Support Center Button
As you design your Support Center Button, you can preview the button settings, icon, and behavior you have selected to display.
- The preview of the default button style shown above may not be accurate if you have previously worked with the Impact team to customize your support button style. Switching to 'Custom Design' will override any previous support button styling that may have been implemented.
- If you are using Blackboard Ultra or Ultra Courses then these button styling will not apply.
Click the Save changes button.
Refresh Canvas Instance
Go into your Canvas Instance and refresh to see the new changes in effect.
Note: Customizations might take more time than usual to load in your environment.