Skip to end of metadata
Go to start of metadata

Description

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.

 

Usage

Click Insert > Other Macros.

 

Select the CSS Stylesheet macro from the provided list.

 

Complete the desired fields.

ParameterDescriptionType

Default

Required?
Media

The media to apply this style sheet to, for example print, aural and embossed.

string

All

(error)

ImportOptionally specify a URL to import an external style sheet.stringnone(error)

 

The macro will then appear on the page.

 

Examples

Define a Style Sheet

The following style sheet will make text on the page look green and larger:

Resulting in:

 

Importing an External Style Sheet

To import an external style sheet, use the "import" parameter as follows:

With Import parameter set to "http://someurl.com/mystyle.css".

Which results in the following HTML:

<style type="text/css">
@import url(http://someurl.com/mystyle.css)
</style>

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.

 

Frequently Asked Questions:

Q

Where can I learn more about style sheets?

A

The

http://www.w3schools.com

website is a good place to start.

See Also:

 

Top of page

  • No labels