Skip to main content
ExLibris
  • Subscribe by RSS
  • Ex Libris Knowledge Center

    Using Style Sheets (CSS)

    Each menu and sub-menu uses one or more style sheets. Creative Studio offers a wide range of styling option for each page.

    Creative Studio uses W3.css and Font Awesome style sheets as the basic style sheets for its elements. You can use any class from W3.css or Font Awesome just by adding the class to the class box when editing element styles. For more information, see Using the Style Settings.

    You can also upload your own, existing style sheets in order to use the classes from them. Before applying your own existing style sheet to a menu node and all of its sub-nodes, you must first upload the style sheet to the Asset Manager.

    You can also create style sheets on the fly when editing a component.

    When you edit the style of a component, you actually edit all of the style sheets that are currently selected while you make your changes. For more information, see Using the Style Settings.

    Applying a Style Sheet

    To apply a style sheet to a menu option and its pages:
    1. Upload the style sheet to the Asset Manager; for information about the Asset Manager, see Uploading Files.
    2. Select the menu (or sub-menu) option from the content menu.

      CS-CreatePage-1.png

    3. Select Manage Stylesheets. The Menu Options Styles pane opens.

      CS-Stylesheets-1.png

    4. Select the folder to open the Asset Manager and select an additional style sheet. The style sheet is added to all pages beneath the node you selected in the content menu.
    5. When you are done, select Save.
    • The out-of-the-box style sheets (W3 and Font Awesome) cannot be removed.
    • Incompatible CSS may introduce unexpected behavior to the editor and/or its components.
    • The style sheets apply to ALL pages under the currently selected menu node.
    • Was this article helpful?