Skip to content

Latest commit

 

History

History
48 lines (27 loc) · 1.83 KB

tutorial-adding-a-new-series.md

File metadata and controls

48 lines (27 loc) · 1.83 KB

Tutorial: Adding a new series

Overview

  1. Add a new series to the database
  2. Create a new card
  3. Add an HTML block for the series

Add a new series to the database

See Message Manager, and Create a New Series.

Create a new card

You can either create a new card, or duplicate an existing one.

Create a new card

Once you have created the card, set up the theme color by going to the settings at the bottom of the page.

Card theme color

To make the elements from this project match the theme, enter the following into the Custom CSS block below the Card Primary Color, replacing the hexadecimal number representing the color (#61ADEB) with the color chosen for the theme.

:root{
    --bg-color-primary: #61ADEB;
    --fg-color-primary: white;
}

Add HTML block

Add one HTML block and paste the contents of this code example into the block, being sure to replace the id attribute with the name of the series as it exists in the database. See Message Series Pages for more details on how this HTML block works.

<div id="Christian Worldview"  class="message-series-block"></div>

<script type="text/javascript" src="https://taylort7147.github.io/amazing-grace-pdx/message_series.js">

Message blocks HTML block

Unfortunately, Nucleus doesn't display a good preview of these HTML blocks in the editor, so they'll just look like empty HTML blocks until you open the preview.