Masthead Rebranding

To rebrand the masthead, you must amend the classes and IDs that represent the specific areas of the masthead.

To rebrand the masthead, you must amend the tibco.css file. (If you have changed the display theme for a gadget, you must edit the .css file that corresponds to that theme, instead of tibco.css.) See Amending Openspace CSS Files. The following table describes the masthead classes and IDs that you can amend.

Masthead Properties that can be Used for Rebranding
Class/ID Attribute
header
  • Gradient
  • Color
logo URL image
system_links
  • Color
  • Padding
welcome_settings_help Color

Note that:

  • To change the masthead background color, edit the background property. Gradient or solid colors can be used.
  • Your logo dimensions should not exceed 30 pixels in height and be no longer than 300 pixels in width.
  • To add a horizontal band to the masthead, set the background color of the system_links declaration. Decrease the padding depending on how thick you want the band to be.
  • For information on replacing the logo image, see Replacing Images.