# Global Stylesheets

The Cwicly Global Stylesheet improves workflow and regroups two main features: Global Classes and Global Stylesheets.

# Global Classes

Global Classes allow you to visually create & manage your own classes independently from any block and apply them anywhere and everywhere.

If you want to create a global class directly from the global stylesheet panel

  1. Select a Cwicly block
  2. Open the Global Style Sheets panel
  3. Find the Global Classes selector
  4. Enter the name for the global class you wish to create

If you want to create a global class from inside the block inspector

  1. Select a Cwicly block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the General Settings panel
  5. Find the Global Classes property
  6. Enter the desired global class name

If you want to add a global class

  1. Select a Cwicly block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Open the General Settings panel
  5. Find the Global Classes selector
  6. Enter the desired global class name
  1. Open the Global Stylesheets panel
  2. Find the Global Classes selector
  3. Select the desired global class name in the dropdown
  4. Click the icon to remove the desired global class
  1. Open the Global Stylesheets panel
  2. Find the Global Classes selector
  3. Select the desired global class name in the dropdown
  4. Click the icon to remove the desired global class
  1. Open the Global Stylesheets panel
  2. Find the Global Classes selector
  3. Select the desired global class name in the dropdown
  4. Click the icon to copy the desired global class
  1. Open the Global Stylesheets panel
  2. Find the Global Classes selector
  3. Select the desired global class name in the dropdown
  4. Click the icon to paste the copied styles

# Global Stylesheets

The Global Stylesheets property allows you to add your own custom CSS rules when you just can’t find exactly what you need.

  1. Open the Global Stylesheets panel
  2. Find the Global Stylesheets section
  3. Click to add a new global stylesheet
  4. Input the global stylesheet name
  5. Click to open global stylesheet editor
  6. Input your CSS code
  1. Open the Global Stylesheets panel
  2. Find the Global Stylesheets selector
  3. Find the desired global stylesheet you wish to delete
  4. Click to remove stylesheet
  1. OOpen the Global Stylesheets panel
  2. Find the Global Stylesheets selector
  3. Find the desired global stylesheet to activate
  4. Click button to activate/deactivate stylesheet