On Premise / Cloud Installation

All style information used for all widgets used inside the application is located in style sheets that can be found at Resources/docroot/www-editor/*version*/standard.

style.css is the default style sheet loaded with editor.

If mobile=true query parameter (also seeEditor parameters | General Parameters) is passed to editor url, mobile.css is loaded instead.

SaaS Version

Default style sheet style.css (mobile.css if mobile=true query parameter is passed) is always loaded from server.

You cannot modify it but you can load an additional custom style.css where you can define you own style for some or all style classes according to your needs. It is loaded on top of the default style sheet so it does not need to contain styling for all widgets/classes but only what you want to override from default Kudo style.

Your custom style.css has to be located besides Default Files in the customization.zip package (See Customization Deployments | SaaS Version)

Icons and fonts to use in custom style.css

Icons and fonts to be used inside your custom style.css can be optionally placed inside “icons” and “fonts” folders located besides Default Files in the customization.zip package (See Customization Deployments | SaaS Version).

You can then use and refer to them in your style.css using relative paths ../icons/... or ../fonts/...