Skip to main content

Developing in Cascade how to

How do I apply CSS?

You apply CSS at the Template, Configuration, or Page level by linking to it in an XML Block.

Create a region in your Template

  1. Navigate to your Template and click Edit.
  2. Add a System Region tag within the <head> tags, for example <system-region name="CUSTOM CSS"/>.
  3. Submit your changes.

Upload your CSS

  1. Click Add Content and select the File asset type.
  2. Drag and drop or choose your CSS file, then click Submit.

Create an XML Block

  1. Click Add Content and select Block > XML.
  2. Add a link to your CSS file in the code editor and click Submit:
HTML 
<link href="/_cascade/css/custom.css" rel="stylesheet" type="text/css"/>

Attach your XML Block

At the Template or Page level:

  1. Navigate to your Template or Page and click Edit > Configure.
  2. Find the region you created, click Choose Block, select your XML Block, and click Choose.
  3. Click Submit.

Or at the Configuration level:

  1. Click Manage Site > Configurations, select your Configuration, and click Edit.
  2. Find the region you created, click Choose Block, select your XML Block, and click Choose.
  3. Click Submit.