Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

About the Appearance of Campus Cafe

...

Set Global Colors Using Color Customization Screen

Note

Changes in the cascading style sheets (CSS) take precedence over settings on the Color Customization screen.

The screen allows modification of the colors of many data elements within the Campus Café user interface (UI). Some of these include:

...

Cascading style sheets (CSS) provide more fine-grained control over the global style than the Color Interface. CSS allows changes to colors, fonts, font sizes, tables and other elements. Updating CSS is optional and requires knowledge of HTML and CSS. 

Note

Changes in the cascading style sheets (CSS) take precedence over settings on the Color Customization screen. 

Permission #1232 is required to access this function.

...

Code Block
languagecss
h3 {
  background-color: red;
}

.info-main h3 {
  color: blue;
}

Info

Campus Cafe does not provide custom CSS or HTML design services. If you need assistance identifying elements or writing CSS, many website design firms offer this service.

Changing Text That Appears on Specific Pages

...

Example HTML of a student portal with photos acting as buttons is attached to this article.

View file
nameExample Student Portal Code with Photos.zip

Uploading Custom Images

When updating text on select pages, you may reference images stored on any web server. To store the images within the Campus Cafe system, upload them first. Once uploaded, an image may not be deleted but may be overwritten by uploading an image with the same file name.

...