#
Global Stylesheets
The Cwicly Global Stylesheet improves workflow and regroups two main features: Global Classes and Global Stylesheets.
#
Global Classes
A Global Style can only be removed directly from the global style sheet panel
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
- Select a Cwicly block
- Open the Global Style Sheets panel
- Find the Global Classes selector
- Enter the name for the global class you wish to create
If you want to create a global class from inside the block inspector
- Select a Cwicly block
- Open the block inspector
- Navigate to the primary tab
- Open the General Settings panel
- Find the
Global Classesproperty - Enter the desired global class name
If you want to add a global class
- Select a Cwicly block
- Open the block inspector
- Navigate to the primary tab
- Open the General Settings panel
- Find the Global Classes selector
- Enter the desired global class name
- Open the Global Stylesheets panel
- Find the Global Classes selector
- Select the desired global class name in the dropdown
- Click the icon to remove the desired global class
- Open the Global Stylesheets panel
- Find the Global Classes selector
- Select the desired global class name in the dropdown
- Click the icon to remove the desired global class
- Open the Global Stylesheets panel
- Find the Global Classes selector
- Select the desired global class name in the dropdown
- Click the icon to copy the desired global class
- Open the Global Stylesheets panel
- Find the Global Classes selector
- Select the desired global class name in the dropdown
- 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.
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.
- Open the Global Stylesheets panel
- Find the Global Stylesheets section
- Click to add a new global stylesheet
- Input the global stylesheet name
- Click to open global stylesheet editor
- Input your CSS code
- Open the Global Stylesheets panel
- Find the Global Stylesheets selector
- Find the desired global stylesheet you wish to delete
- Click to remove stylesheet
- OOpen the Global Stylesheets panel
- Find the Global Stylesheets selector
- Find the desired global stylesheet to activate
- Click button to activate/deactivate stylesheet