Table Styles

On the portal page, a table might look like the following (i.e. all table rows have the same background color), as inherited from the overall site branding of the Slate database:

After adding a custom CSS rule, the table rows are now rendered with alternating background colors:

As mentioned earlier, the custom CSS rules will apply throughout the portal. If different styles are desired for the main portal page vs. other areas like pop-ups, we recommend applying HTML classes to achieve the desired look.

Without different table classes, for example, both tables on the main page as well as in the pop-up will have grey-colored alternating rows:

With different rules for different table classes, users can specifically style tables as desired. Here, the pop-up table has light blue colored alternating rows, while the main table has grey:

Hide Elements

Custom CSS rules can also hide elements from the main branding. For example, the main branding (and other public-facing pages such as inquiry forms, or the Slate application) might include a footer, which may not desired for a specific portal.

In the portal, a custom CSS rule can be added to hide the element (which has an ID of c_footer).

The portal will not display the c_footer element.