Editing the Stylesheets

  1. Create a new CSS file in design manager. A good name will be "startup-framework-custom.css". Please create this file outside `design-modo` and `startup-framework` to avoid confusion.
  2. Clone the layout used by created page to a custom one:
    1. Open page editor of the created page.
    2. Click “Settings” tab on the top, scroll down and click “Edit template”
    3. If you see a popup titled “Edit this template layout?”, click “Edit this layout anyway”
    4. Click “Open in Design Manager” link on the top-right
    5. Click “Actions” button on toolbar, then “Clone”
    6. Enter a descriptive name for the new layout, then click “Clone”
  3. Attach the new CSS file to the new layout:
    1. Click “Edit” button on toolbar, then “Edit head”
    2. Click “Add another stylesheet”, then find the new CSS file by name
    3. When completed, save and publish the layout
  4. Swap layout of all pages created by briX editor with the new one:
    1. Open page editor of the created page.
    2. Click “Settings” tab on the top, scroll down and click “Swap template”
    3. Select the new layout, then save and publish the page
  5. Write rules in the CSS file, then publish it.