Page Components (code)
SEO - Search Engine Optimization
Inside the code editor you can create custom CSS for your page component
CSS Editor (1)
To open the CSS editor simply click the CSS tab (1) on top of the code editor bar.
If there is no CSS added to the component you will need to click the button activate.
The CSS written here is linked to the first design panel. These panels are used in the design editor to style components without coding (see design).
CSS editing (2)
Any CSS you add here will be added to your website. Make sure to use unique classes and/or use the [:compid:] system variable.
This variable is a unique id given by the platform for your component.
CSS Options (3)
Open panel (4): You can open the linked design panel (left sidebar)
Edit JSON panel (5): every single design panel is a JSON structure you can edit
Beautify Code(6): formats your code to be more structured and readable.