Add styles to the IBM Connections stylesheet 

You can change the look of the IBM Connections pages to give them a custom look by adding new style definitions in the cascading stylesheet and applying that style to different parts of the product user interface.


  1. Create a CSS file named custom.css and store it in the appropriate subdirectory of the customization directory, which is most likely the common directory. See Customize the user interface for more details. For example, to change the style of a class in all applications, you would copy the file into the following directory:


      A custom.css file is present in the WAR file for each application, but the file does not contain any useful content by default, so it is easier to create a custom.css file from scratch.

  2. Open the CSS file in a text editor, and define any new styles that you want to apply to the product user interface. You can use the defaultTheme.css file as a resource for styles that have already been defined for the application.

  3. Add new style definitions or edit the style specified for the class definition you copied from the defaultTheme.css file.

  4. Save and close the custom.css file.

  5. To test your style changes, reference your new style from a user interface element, and then refresh your web browser.

  6. See Customize the user interface for details on how to apply your changes permanently.

Parent topic

Customize the user interface

Related concepts
Add a custom theme to Communities

Related tasks

Change common configuration property values
Apply common configuration property changes