CSS customizations

You can create custom CSS scripts - globally for the whole website or locally for single page.

It is supported to customize main.css script delivered with default Externable template, however it is not recommended to do so as this file may get overwritten with next upgrade. It is recommended to make a copy of the file before applying customizations or use Content Scripts.

Global CSS script

To create a new CSS script in Externable go to Settings section and select Stylesheets, click on dots to show menu and click new Stylesheet file:

Now you can createyour custom script and Save it:

If you want your script to be published, add it to your portal template. You can find more details on it in rendering CSS templates section.

Global Content Page CSS scripts

Externable supports CSS modifications directly in the content, without modifying global settings. This approach is recommended if you intend to make minor changes and enable your content editors to apply them. That might be changing background color, adding frame to picture or changing font. Those changes are applied on top of global templates and doesn't require changes in templates views. That is the easiest way to change default template general look.

Content Page CSS scripts are available in default Externable template. If you decide to use spearate custom global template this feature needs to be implemented like it is in default templates.

To add global CSS snippets, open the Home Content node and scroll to Global Settings section. You can paste your CSS to Custom CSS field.

NOTE: Don't confuse Custom CSS in Global Settings with 'Custom CSS - local page only'.

Local Content Page CSS script

You may want to tweak certain components on single page only. You can use Externable content Custom CSS property. To paste page specyfic CSS go to only content node and scroll to 'Custom CSS - local page only':

NOTE: Custom CSS properties are supported in native Externable Document Types and Templates. If you use custom ones you may need to implement this feature separately.