A typical DIV might appear as shown below: The content inside this DIV is blue The DIV in this example references a CSS class named "backgroundBlue." When adding class references to a DIV ...

In the last example, the first paragraph was assigned a unique id and the related style was applied using the CSS # selector. In this example, paragraphs two and three make use of a class known as ...

Most components include a CSS class field that will add its value to the wrapper div or other containing element. There is a collection of default styles that are available to all SFU websites on AEM.

Note: To prevent your custom CSS from conflicting with the SFU Common Look & Feel stylesheet, add "custom-" to the front of each class name. For example, if you wish to create a new class called ...