7. Build the Layout for Your Site

A site layout defines the overall structure for your site. Typically, it defines header and footer content on the page, leaving a space in the middle for your page template to render. To edit the layout for your site:

Edit the layout.

In your code editor, open the layout.html layout located in /compartments/layouts.

Custom body class

Remove class="{{#block 'color_theme'}}teal-theme{{/block}}"

Custom body class removed

In your code editor, navigate to the root.html template.

Color Theme Content Block

Remove the entire {{#content_for 'color_theme'}}...{{/content_for}} block of code at the bottom of the page.

Color Theme Content Block removed

Save your files.

You won't see any changes in the browser since we just removed unused code.

To learn more about Content Blocks and variable scopes, see the Airship Docs.

Next: Deployment

Skip to

Documentation