Development

How do I apply CSS?

You can 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. Create a new Region within the <head> tags of your Template by adding a System Region tag. 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 from your computer and click Submit.

Create an XML Block:

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

Attach your XML Block:

At the Template or Page level:

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

Or at the Configuration level:

  1. Click Manage Site > Configurations, select your Configuration, and click Edit.
  2. Locate the Region you created, click Choose Block, select your XML Block and click Choose to attach it to the Region.
  3. Click Submit.
Back to Top ↑