Links

Custom CSS

Cwicly allows you to add your own custom CSS code to blocks to extend the styling elements to fit your specific needs.
Custom CSS is automatically added to the <head> of your page.
Cwicly automatically replaces ID and Class placeholders so you don't have to worry about changes if you modify the block ID or Class.

Add

  • Select a block.
  • Open the Advanced tab.
  • Open the Custom CSS tab.
​
​
  • Enter your CSS code as required in the Code window.
​
​
To target the ID of the block you are editing, use the #blockid selector.
To target the class of the block you are editing, use the .blockclass selector.

Edit

The Edit property allows you to open the CSS Editor in a floating modal.
  • Select a block.
  • Open the Advanced tab.
  • Open the Custom CSS tab.
  • Click Edit Icon to open the CSS Editor in a modal.
  • This can be freely moved to where you need it.
​
​

Close CSS Editor

  • Click "X" icon to close CSS Editor.
​
​

Word Wrap

The Word Wrap property allows you to break down long words and wrap them onto the next line.
  • Select a block.
  • Open the Advanced tab.
  • Open the Custom CSS tab.
  • Input required code.
  • Click "Word Wrap" icon to enable Word Wrap.
​
​

Beautify

The Beautify property allows you to reformat your code to improve user readability following certain user-defined conventions.
  • Select a block.
  • Open the Advanced tab.
  • Open the Custom CSS tab.
  • Input required code.
  • Click the Beautify icon to beautify your code.
​
​
Last modified 1yr ago