Adding Blue styles

Apr 26, 2014 6:59 pm

Blue styles allow you to customize styles that can be selected from within the Text Editor of the Blue Interface. These can be very useful, because often end-users with limited knowledge of HTML and CSS will be adding content to a website. This feature makes it easy to customize styles for these users and help ensure that formatting remains consistent throughout the website.

Blue styles are added in the Stylesheets Module of the Green Interface and are available in Blue wherever there is a Text Editor. When you create a style, a Blue user can then simply select it from the Styles drop-down menu in the Text Editor.

To add a Blue style:

  1. First, a class must be added to the stylesheet. Go to the Stylesheets Module, Editor tab and create a class. For example: .emphasis { font-weight: bold; color: red; }. Please note that only classes, not IDs, can be used for Blue styles.
  2. Switch to the Blue Styles tab.
  3. Click Add a new Style.
  4. In the Blue Style field, name the style whatever you want. This is the name that Blue users will see in the Styles menu.
  5. In the CSS Class Name field, enter the class name that was used in step 1. Do not include the period before its name, but be sure to observe case sensitivity.
  6. If you'd like, add comments to the style. These will only be visible in the Green Interface.
  7. Click Save. The style you created will now be available to Blue users in the Text Editor.