External Classes

External Classes allow you to import different class selectors from multiple external sources. This is useful when working with an external CSS framework or with utility classes that you might not have/want to modify from within Cwicly.

Activate/Toggle External Classes Folders/Classes by toggling the red/green dot

You can find and use External Classes in the Virtual Classes field available in every Cwicly block.

External Class Folder

External Classes are contained within separate folders, allowing you to organise the different external stylesheets you may be dealing with.

Add

• Select a Cwicly block/Toggle the Cwicly Global Styles panel.

• Open the Global Classes and Style Sheets tab.

• Open the External Classes tab.

• Click ➕ to add a new External Class folder.

• Input a suitable name and click "Create".

External Class

Add

You can add classes to your External Class folder.

• Select required External Class Folder.

• Click the "+" icon to add a new External Class.

• Input required External Class name.

Remove

You can remove an External Class from a folder.

This will not delete the External Class but simply remove it from the folder.

• Click the Remove icon next to the External Class to be removed from a folder.

Colour

To help you find your external classes quickly, you can add a colour indication (per folder) that will highlight all classes belonging to that specific folder.

• Select a Cwicly block/Toggle the Cwicly Global Styles panel.

• Open the Global Classes and Style Sheets tab.

• Open the External Classes tab.

• Find your desired Folder.

• Open the colour picker by clicking on the colour circle.

• Select a suitable colour.

Import

This property allows you to import an External Class or List.

• Open the Global Classes and Style Sheets tab.

• Open the External Classes tab.

• Click import icon to open the Input Stylesheet Classes/List modal.

• Paste stylesheet/list in the appropriate window.

• Click Import.

Reset

• Select a Cwicly block.

• Open the Global Classes and Style Sheets tab.

• Open the External Classes tab.

• Find external class folder to be removed.

• Click bin icon to remove.

Activate/Deactivate

This allows you to Activate/Deactivate an External Classes by toggling the red/green dot.

• Select a Cwicly block.

• Open the Global Classes and Style Sheets tab.

• Open the External Classes tab.

• Find external class folder to be activated/deactivated.

• Toggle on/off as required .