Advanced Branding: Custom Headers, Fonts, and CSS Stylesheets

Please note: These features may not be available in your pricing tier, please contact your Advocacy Coach for more information.


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.

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:

Example uses:

  • To add your corporate website’s navigation bar
  • To add a link to another site, such as your corporate website

You will need someone adept in CSS/HTML to create, maintain and support this custom work.

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:

Example uses:

  • 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

You will need someone adept in CSS/HTML to create, maintain and support this custom work.

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:

Example uses:

  • To add your corporate website’s footer
  • To add links to pages on your corporate website, such as a privacy policy

You will need someone adept in CSS/HTML to create, maintain and support this custom work.

Custom JavaScript

You have the opportunity to add custom JavaScript to your hub. This can be useful if you want to add things like additional tracking or analytics.


Using JavaScript to embed items, add pop-ups or other such things is extremely risky and not recommended. If we release an update to the AdvocateHub, your JavaScript may have adverse results — causing anything from JavaScript not functioning to completely crashing your AdvocateHub. We do not provide support under such circumstances.
Only Influitive can add this JavaScript to your hub. Contact support@influitive.com if you would like to take advantage of this feature.

Influitive Branding

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.

Custom Font

You can use a custom font for your hub by entering your font name and the URL where it is hosted.

Custom CSS

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

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us