Custom CSS

Cwicly allows you to add your own custom CSS code to blocks to extend the styling elements to fit your specific needs.

circle-info

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.

circle-info

To target the ID of the block you are editing, use the #blockid selector.

circle-info

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 updated

Was this helpful?