How to Change the Action Hub Site Logo

Action Hub v6.6.x

Default Skin

To change the logo of the Action Hub using the older style “default” skin from the default XMPro logo to a company logo the below steps should be followed:

1. Login Logo – the logo viewed on the login page:
   1. Rename the new company logo to “logo_color.png”.
   2. Copy the new logo and overwrite the existing logo file in the website root folder “…\skins\{default}\images”, where, default is the name of the skin used by the Action Hub.
2. Action Hub Workspace logo – the logo viewed in the workspace area once logged in:
   1. Rename the new company logo to “logo.png”
   2. Copy the new logo and overwrite the existing logo file in the website root folder “…\skins\{default}\images”, where, default is the name of the skin used by the Action Hub.

Fluid Skin

To change the logo of the Action Hub using the older style “default” skin from the default XMPro logo to a company logo the below steps should be followed:

1. Login Logo – the logo viewed on the login page:
   1. Rename the new company logo to “logo_color.png”
   2. Copy the new logo and overwrite the existing logo file in the website root folder “…\skins\{fluid}\images”, where, fluid is the name of the skin used by the Action Hub.
2. Action Hub Workspace logo – the logo viewed in the workspace area once logged in:
   1. Rename the new company logo to “logo.png”
   2. Copy the new logo and overwrite the existing logo file in the website root folder “…\skins\{fluid}\images”, where, default is the name of the skin used by the Action Hub.

Action Hub v6.5.x

To change the logo of the Action Hub from the default XMPro logo to a company logo the below steps should be followed:

1. Rename the new company logo to “logo.png”
2. Copy the new logo and overwrite the existing logo file in the website root folder “…\skins\{default}\images”, where, default is the name of the skin used by the Action Hub.

Action Hub v6.1.x

To change the logo of the Action Hub from the default XMPro logo to a company logo the below steps should be followed:

1. Rename the new company logo to “logo.png”.
2. Copy the new logo and overwrite the existing logo file in the website root folder “…\images”.

Additional points to consider when adding a logo:

• It is recommended that the logo is placed on a transparent background.
• The logo size will most probably need to be amended/resized. The Action Hub will not limit the size of the logo, meaning that the full size of the logo will be displayed. If the logo height is larger than 50px or the “powered by XMPro” phrase is obscured by the larger logo then some modification to the site styles will be required to display the relevant page objects correctly.
  • In the “…\skins” folder under the relevant skin used for the site, e.g. “Default”, locate and open the styles.css file in a text editor.
  • In the syles.css file locate the “div.left” style and change the “top” attribute to an appropriate size, i.e, increase the current value (70px) to a relevant size so that the “powered by XMPro” phrase is visible under the logo.