The Style Sheet macro allows adding custom style sheets to a page or import from an external URL.
This macro is designed to allow a single page to have custom styles applied to it. The style sheet can optionally be restricted to specific media types and can optionally import an external style sheet from a URL.
If you want to define styles for an entire Space when using the Builder theme, please use Builder - CSS Custom Styles in the theme configuration.
Click Insert > Other Macros.
Select the CSS Stylesheet macro from the provided list.
Complete the desired fields.
The media to apply this style sheet to, for example print, aural and embossed.
|Import||Optionally specify a URL to import an external style sheet.||string||none|
The macro will then appear on the page.
The following style sheet will make text on the page look green and larger:
To import an external style sheet, use the "import" parameter as follows:
Which results in the following HTML:
Don't include quotes around the URL as that will cause the import to fail in several web browsers.
Set up a "style" page with your style sheets, then use the include macro to embed it on other pages. This way you can change your styles in one central location and have everything that imports the page get updated.
If desired you can include the style macro several times on a page to include different CSS for different media types, etc.
Where can I learn more about style sheets?
website is a good place to start.