You are using an unsupported browser. Please update your browser to the latest version on or before July 31, 2020.
close
You are viewing the article in preview mode. It is not live at the moment.
Home > Default > HappyFox Help Desk > Account Configuration > Self Service > Support Center šŸ†• > Adding branding (Fonts & Colors) to your Support Center
Adding branding (Fonts & Colors) to your Support Center
print icon

HappyFox's Support Center moduleĀ lets youĀ editĀ theĀ palette of colors and fonts that are being used in your support center.Ā You'llĀ be able to create brilliant support center pagesĀ that stand out while elegantly reflecting your organization'sĀ brand.Ā Ā 

Heads up ā‡ļø: TheĀ latest editionĀ of the HappyFox support center is available only to select beta customers. Please reach out to [email protected]Ā for more information.
Applicable Plans: āœ”ļø Mighty āœ”ļø Fantastic āœ”ļø Enterprise āœ”ļø Enterprise Plus

Brand Colors and Fonts:

Permission Alert šŸ”: Your role would requireĀ "Manage Support Center settings" &Ā "Customize look and feel of Support Center pages" permissions to access the fonts & colors page.

Ā 

Navigate to Support Center >> Fonts and Colors. TheĀ fonts and colors specifiedĀ will apply to all pages within your support center. If you have configured a multi-brand help desk, you can specify fonts and colors individually for each brand.Ā Ā Use the color palette to pick the colors you want or type in the hex codes yourself.

Ā 

Ā 

Various Font types explained:

Base Font:

This is theĀ overall font of your support center. All obvious headings, sub-texts, non-article texts are covered by the base font. Choose a font & colorĀ that matches your website's style.

Article Text:

ThisĀ font applies specifically to theĀ article texts inside article details page. It is recommended to use a "Web-friendly" font to increase viewer readability.

Anchor Text:

This font applies to all hyperlinks in your support center.Ā 

Anchor Hover Text;

This font applies to all hyperlinks when hovered by the mouse cursor.

Body Background Color:

This color acts as the default background colorĀ on all pages of your support center.

Button Background Color:

This color acts as the default background colorĀ on all buttonĀ of your support center.

Button Text Color:

This color acts as the default text colorĀ on all buttons of your support center.

Ā 

Info šŸ’”: In some support center layout options components, these colors can be overridden individually for that component.Ā 

Ā 

Tip : If you'd like to restore the default fonts and colors, click "Reset to Default".

Appendix: Here are some good websites to find hex-codes:

Feedback
0 out of 0 found this helpful

scroll to top icon