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 .
Last updated