University Identity

In this section

Customizing Your Web Content

CSS

The Cal Poly Web Template is designed to display properly across all browsers and, more importantly, to be Section 508 compliant and fully Web accessible. For this reason, if you must create additional styles, do so only to elements within the content area. Do not add styles that will affect any of the layout elements such as the header, footer, or navigation.

Two local CSS files have been provided in which you can overwrite or add to the existing styles in the template. Adding styles to the /css/screen.css file will change how the page will look the user's computer monitor, while adding styles to the /css/print.css file will change how the page will look when printed.

The core CSS, which controls the overall layout and styling, is now hosted and accessed remotely therefore cannot be edited directly. However, it can be viewed at https://webresource.its.calpoly.edu/cpwebtemplate/5.X.X/common/css/cp_screen.css

You will need to look into your code to determine what version of the template you are using, and then replace the 'X's' in the above URL with your version number. For example, you may see .../cpwebtemplate/5.1.1/common/css/... In this case, you would replace 5.X.X with 5.1.1 to view the online CSS.

If you plan on moving your site into Drupal in the near future, we strongly suggest that you stick with the CSS as delivered.

Remember - Web sites in which the template has been fundamentally changed will not be linked from the Cal Poly Web site and these changes could cause the site to become inaccessible. After you have added your own custom styles, make sure your CSS files validate against the CSS validator found on the Accessibility Compliance Process Guide.

Images

If you would like to add images in your Web page, make sure they are placed in the images folder, located in the template's root folder, cp_template_standard_v5.1. Images can be placed only in the department logo area, content area, and left and right column content areas of the pages. Do not place images in any other part of the page, edit any of the default graphics, or place images that are too large—the pages will not display properly. Ensure that you use the alt text attribute and the title attribute to properly describe images.

  • Interior page collage (.PSD file)
    This template provides different options for creating collages for interior back pages.

 

back to top