Basic Customization > User Interface Customization > Generic UI Customizations > Offline Package Customization > Solution > Solution Elements > Procedure – update the CSS Styles of the Header
  
Procedure – update the CSS Styles of the Header
1. Locate the resources.zip file. It is located in the \codebase\com\ptc\netmarkets\wp\ixb directory, relative to the root of your Windchill installation. Normally, you can discover the root by using the environment variable WT_ROOT.
2. Make a backup copy of the original resources.zip before you begin.
3. Unzip the resources.zip to an empty folder on your hard drive.
4. Inside the “resources” folder, you will find a file named “wpofflinestyles.css”. Open this file in your favorite CSS editor, or text editor.
5. Edit the styles to customize the look of the brand identity header, using the style rules listed below in the Customization Points section.
6. You may need to add updated graphic files or other resources to the resources directory to support your updated styles.
7. You may add links to external resources in the “pageHeaderActions” div. These links by default appear in the upper right corner of the page. For example, a link to your corporate website.
8. To test your CSS styles, load the “resources/head.html” file in your browser. Windchill supports Internet Explorer 6, and Firefox 2, be sure to test in both to ensure your styles will work. Note that the “generateTabs()” JavaScript function will not work correctly while testing in this manner, and errors related to it can be ignored.
9. Once you are satisfied with the look of the header, update the resources.zip file with the updated resources folder and files from your working folder. Make sure the file paths are correct inside the zip file – all files should have the path “resources\”.
10. Test to be sure packages are generated correctly by making some experimental packages from the running server and viewing them offline.