Adding Branding Stylesheets

In many cases, you will already have a branding stylesheet that was automatically added when you created a project. However, if you want to add an additional branding stylesheet, or if you are a legacy Flare author with a project that pre-dates the branding feature, you can use the following steps to create a new branding stylesheet.

[Menu Proxy — Headings — Online — Depth3 ]

Permission Required?

Editing content and project files is an activity available to users with the Author status. By default, users with Author status have the following permissions set:

  • If this is deselected, then viewing files in a read-only mode is allowed. On the left side of the page, the Files vertical three-dot menu is not available.

  • If this is deselected, the XHTML in the Code view is read-only.

    Editing code is regarded as a capability for an advanced user. If not done properly, the code can become malformed quickly. Administrators can prevent users from editing the code by deselecting the Edit Code permission.

For more information about permissions, see Setting User Permissions or Setting Team Permissions.

How to Add a Branding Stylesheet

  1. Open a project, and select the Files tab at the top.

  2. From the left side of the page, click , and select New File.

    Note Alternatively, you can bring an external file into your project by selecting Upload File(s). See Uploading Files.

  3. In the Add File dialog, click the File Type drop-down, and select Branding Stylesheet.

  4. In the File Path field, enter a path and a name for the new file. The recommended path for branding stylesheets is Content > Resources > Branding. However, you can add the stylesheet anywhere in the Content folder that you want.

    Alternatively, click to select a location for the file in the project, and Accept the file path. Then in the File Path field, enter a name for the file.

    Note You might notice the File Path displays black or blue lettering. The blue items are folders, and you can click the item to jump to that folder.

    For example, in the Add File dialog, a file path contains several folders (indicated by blue lettering) before the filename.

    If the "Folder1" item is clicked, you know longer see the subfolders.

  5. (Optional) In the Add File dialog, from the Copy From drop-down, you can select an existing branding stylesheet file to use. This copies all the settings from the existing file to the new file, providing a base of settings to start with for your file. If you choose not to do this, then your new branding stylesheet is populated with a set of factory default settings.

  6. Click Add. A new file is created and opens in the Branding Stylesheet Editor. You can edit the stylesheet settings, or you can skip that for now and commit your changes.

  7. Click Commit. (Or click Cancel, to back out of the process.)

  8. In the Create New Commit dialog, verify the new file path, and enter a Commit Message.

  9. Click Commit. The new branding stylesheet file is added to the project.

Note With a new branding stylesheet, you might need to connect it with other files or elements before it will work in the output. For example, if you want to pair separate branding stylesheets in the same project to different products that you are documenting, you can associate each branding stylesheet with a corresponding target. For details about advanced customization of branding in a project, see the Flare online Help.