Global Stylesheets
The Global Stylesheets property allows you to add your own custom CSS rules when you are unable to find exactly what you need.
You can create as many global stylesheets as required.!!! You can create as many global stylesheets as required !!!
The stylesheets are deactivated by default to allow you to try things out before applying them and to have keep a few styles in reserve.
No need to minify or prefix your properties, Cwicly creates a minified version of your stylesheet for optimised delivery on the frontend.
Add
This allows you to add a new Global Stylesheet.
Open the Cwicly Global Classes and Stylesheets tab.
Open Global Stylesheets tab.
Open the All tab.
Click ➕ to add a new Global Stylesheet.
Input a suitable name.
Click "Create".
Click name to open code modal.
CSS Code
The Global Stylesheets property allows you to add your own custom CSS rules when you are unable to find exactly what you need.
Input required CSS code.
Edit in Modal
This property allows you to edit your CSS code in modal.
Click name to open code modal.
Click Edit in Modal to edit your CSS code.
Word Wrap
This property allows you to wrap long words on to the next line of code.
Click name to open code modal.
Click Word Wrap.
Beautify
This property allows you to have your code automatically cleaned up and made pretty.
Click name to open code modal.
Click Beautify.
Close Modal
Click Back to close modal.
Copy
Open the Cwicly Global Classes and Stylesheets tab.
Open the Global Classes and Stylesheets tab.
Open Global Stylesheets tab.
Find desired Global Stylesheet.
Click to open CCS code.
Click Copy icon to copy.
Remove
You can remove the Global Stylesheet in two ways.
Open the Cwicly Global Classes and Stylesheets tab.
Open the Global Classes and Stylesheets tab.
Open Global Stylesheets tab.
Find desired Global Stylesheet.
Click 🗑 (trash) to remove.
Alternately,
Find desired Global Stylesheet.
Click to open CCS code.
Click Bin icon to remove.
Activate/Deactivate
The Global Stylesheet can be activated/deactivated in two ways
Open the Cwicly Global Classes and Stylesheets tab.
Open the Global Classes and Stylesheets tab.
Open Stylesheets tab.
Find desired Global Stylesheet.
Click button to activate/deactivate.
Alternately,
Find desired Global Stylesheet.
Click to open CCS code.
Click activate/deactivate to activate/deactivate Global Stylesheet.
Search Global Stylesheets
To speed up your workflow, the Search bar allows you to find a Global Stylesheet rapidly and efficiently.
In the Global Stylesheets tab, find the Search bar.
Input the name of the Global Stylesheet you wish to locate.
Select Folder
This property allows you to select the Folder to which you wish to add a particular Global Stylesheet.
Open the Global Stylesheet which you wish to add to a folder.
Click "Select folder"...
Input name of folder (or select in dropdown) to which you wish a Global Stylesheet to be added.
Folders
From here you can add a Global Stylesheet Folder, search for a particular Folder and visualise, reposition or delete existing Folders.
Open Global Classes and Stylesheets tab.
Open Global Stylesheets tab.
Open Folders tab.
Add
This property allows you to create a new Global Stylesheet Folder.
Open Global Classes and Stylesheets tab.
Open Global Stylesheets tab.
Open Folders tab.
Find Global Stylesheets Folders and click "+" to open the Add Global Stylesheets Folder modal.
Input a suitable name and click Create.
Search
The search property allows you to locate a required Global Stylesheet Folder.
Open Global Classes and Stylesheets tab.
Open Global Stylesheets tab.
Open Folders tab.
Input a Folder name in the Search bar.
Remove
The Remove property allows you to delete a Global Stylesheet Folder.
This does not delete the individual Global Stylesheets.
Open Global Classes and Stylesheets tab.
Open Global Stylesheets tab.
Open Folders tab.
Click Remove icon next to Global Stylesheet Folder to be deleted.
Open
Open Global Classes and Stylesheets tab.
Open Global Stylesheets tab.
Open Folders tab.
Click Global Stylesheet Folder to be opened.
Modify name
You can change the name as required.
Search
The Search property allows you to locate a Global Stylesheet Folder.
Input Global Stylesheet Folder name into Search bar.
Edit
You can edit a Global Stylesheet Folder by selecting the required Folder in the list.
Open Folders.
Select required Folder in the list.
You can now edit the CSS as required.
See CSS Code
Last updated
