πŸŽ‰New Feature Released: Contact Group Custom Fields (CGCF). Click here to learn more.

announcement close button
Home > Account Configuration > Self Service > Support Center πŸ†• > Adding branding (Fonts & Colors) to your Support Center
Adding branding (Fonts & Colors) to your Support Center

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 support@happyfox.com 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