Advanced Branding: Custom Headers, Fonts, and CSS Stylesheets
To further enhance your branding, you can add custom HTML and CSS in specific areas of your AdvocateHub, along with some other features. In this article, we will take a closer look at the features that make up our Advanced Branding. You will find all the areas below on the Branding page: Settings > Advocate Program > Branding.
This article will cover:
If you’d like to insert a custom header at the top of your hub, above the AdvocateHub header, and you have Advanced Branding as part of your contract, you can do so using custom HTML and CSS. The area where you can insert the custom header is shown below:
- To add your corporate website’s navigation bar
- To add a link to another site, such as your corporate website
If you’d like to go beyond the basic banner method offered in the Basic Branding options, and you have Advanced Branding as part of your contract, you can do so using custom HTML and CSS. The area where you can insert the custom banner is shown below:
- To change the size of the banner image
- To add an animated banner
- To add links to other sites, such as your corporate website or sites that you want to promote
If you’d like to insert a custom footer at the bottom of your hub, and you have Advanced Branding as part of your contract, you can do so using custom HTML and CSS. The area where you can insert the custom footer is shown below:
- To add your corporate website’s footer
You have the ability to remove the "Powered by Influitive" footer that appears on all pages of AdvocateHub.
Animated Loading Icon
You can change the loading icon which displays while content loads. It is set to the Influitive logo by default, but you can upload your own. This should be an animated .gif file, with a transparent background, that is 128px by 128px or 64px by 64px.
You can use a custom font for your hub by entering your font name and the URL where it is hosted.
You can add custom CSS to your hub by specifying a URL containing your custom CSS code. The CSS file will be included on all advocate-facing pages in the application