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 > 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.  

Applicable on All Plans

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
1 out of 4 found this helpful

scroll to top icon