CSS Editor

f you select the CSS mode from the Top Bar you will enter the CSS editor view.

In this mode you will be able to manage the custom CSS styles you could have in your document.

This is useful for more complex cases where the options in the Visual Editor are not enough to fulfil your requirements. Here you can define css classes to apply to any element on the document. The standard CSS rules applies to the Wattyo Engine, so for more information you can check the official documentations.

It’s important to remark that Salesforce only support up to CSS 2.1 so any feature above that won’t have any effect on the document.

Custom Classes

If you are using a custom class you can assign the class to the element by setting the class name in the class field in the Styling tab.

CSS Selectors

If you are using CSS selectors they will automatically apply to the applicable elements.

If you are using CSS selectors make sure yo append the .canvas predecessor to the rule selector, otherwise it could generate unexpected behaviours on the Salesforce user interface.