To use advanced CSS in your School Website styles:
  1. Navigate to School website > Website Managment > Websites 
  2. Select ... > Edit Website > Styles
  3. Locate the style you want and select Edit
  4. Select the element you wish to edit from the drop-down
  5. Select the element from the right column - this will open the style editor in the left column.
  6. At the bottom of the page click CSS: Advanced
  7. Paste your CSS code
This will only affect the style element you are currently editing unless you have chosen "default" from the drop-down. Anything entered into default will affect all other elements below it unless they are individually selected and styled.

If you would like to enter CSS that will be present sitewide:
  1. Navigate to School website > Website Managment > Websites 
  2. Select ... > Edit Website > Styles > Custom CSS

As with any programming language, there is a lot of specific syntaxes required in order to create different elements and styles.

The following sites can be used to automatically generate advanced CSS for your onMessage designs:

Generate CSS boxes & backgrounds

CSS Box Shadows

CSS Gradient Generator 

 

To learn more about CSS, click here for a tutorial.