Newsletter Themes

A custom newsletter theme allows you to modify the default newsletter theme to match your organization’s brand.

In this article you’ll find:

  • Adding a Newsletter Theme
  • Basic Customizations
  • Assigning a Theme to a Newsletter

Default Theme:
Screen Shot 2016-09-28 at 1.13.11 PM

Branded Theme Example:

Adding a Newsletter Theme

1. In your admin dashboard, navigate to Content > Newsletters

2. On the Newsletters page you will see a section titled Themes.

3. Select +Add Newsletter Theme

  • Name:  Only used for identifying purposes for admins
  • Copy From:  you can copy the HTML code from the default theme to modify or you can select none, which will give you a blank start.

Basic Customizations

If you copy your newsletter theme off of the default then you will see the following blocks of code where you can easily swap our color hex codes and font families:

{% assign link_color = ‘#00acc1’ %}

{% assign top_bar_color = ‘#00acc1’ %}
{% assign top_bar_text_color = ‘#fff’ %}

{% assign button_color = ‘#00acc1’ %}
{% assign button_text_color = ‘#ffffff’ %}

{% assign body_text_color = ‘#444’ %}

{% assign header_font_family = “Raleway, ‘Helvetica Neue’, Helvetica, Arial, sans-serif” %}
{% assign main_font_family = “‘PT Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif” %}
{% assign im_going_text = “I’m Interested” %}
{% assign follow_place_text = “Follow” %}

Assigning a Theme to a Newsletter

  • From the newsletter page (Content > Newsletters ) select an existing newsletter or +Add Newsletter.
  • You will see a field called Theme with a drop-down for you to select the desired theme.