# Global Styles

The Global Styles option adds an interface to apply styling when in the Gutenberg editor.

  1. Navigate and click the Cwicly Global Styles menu
  2. Modify the desired property.

# Style Variations

There are 3 Style Variations (Style 1, Style 2, Style 3). Style Variations allow you to switch between user defined Global Style Properties in an instant. This gives you the flexibility to choose the best combination of color and typography for your site.

  1. Navigate to the Global Styles panel
  2. Select the desired style

# Global Design

This is where you can choose and modify global colors and global typographic styles for your blocks.

# Global Colors

The Global Colors group allows you to add global colors to your website. So you can create a unified color palette across your entire website, but also perform adjustments across the board.

  1. Navigate to the Global Styles panel
  2. Click the appropriate Global Colors square
  3. Choose your global colors​​
  4. Rename your global colors
  1. Navigate to the Global Styles panel
  2. Click the Global Colors panel
  3. Click the Add Color button
  4. Modify the new Global Color as required
  1. Find the Global Color you want to remove
  2. Click the Remove Color button

# Global Block Typography

The Global Block Typography panel allows you to add global block typography that can be added on a per block basis, but also perform adjustments across the board.

  1. Navigate to the Global Styles panel
  2. Click on the Global Block Typography panel
  3. Open the Global Block Typography dropdown
  4. Apply the desired styles
  1. Navigate to the Global Styles panel
  2. Click on the Global Block Typography panel
  3. Open the Global Block Typography dropdown
  4. Click on Add Typography
  1. Navigate to the Global Styles panel
  2. Click on the Global Block Typography panel
  3. Open the Global Block Typography dropdown
  4. Open the desired Block Typography dropdown
  5. Click the Remove button

# Global theming

This is where you can choose global typographic styles that will affect all website elements.

# Global Typography

The Global Typography group allows you to apply Global Typographic Styles across your website for common elements (body text, links, headings etc.).

  1. Navigate to the Global Styles panel
  2. Click the Global Typography group
  3. Find the Global Typography element you wish to modify
  4. Open Global Typography dropdown
  5. Apply the desired styles

# Theme Element Style

This allows you to apply padding and margins to website elements (paragraphs for the moment)

# Theme Settings

The Theme Settings group allows you to apply a global background color and adjust the responsive breakpoints (to ensure optimal user experience) for all your pages.

  1. Navigate to the Global Styles menu
  2. Open the Theme Settings dropdown
  3. Choose the color and breakpoints you require

# Export Page

# Export Page (file)

This is where you can export your page as a .txt file for use in other Cwicly installations. In the future you will be able to export the page in HTML/CSS

  1. Navigate to the Export Page menu
  2. Click the Export Page button