Skip to content

Why Ghost newsletter emails look different

By Ahmad Ajmi

You can publish a Ghost post on your site and send it by email. Both use the same text, but each has its own design. Your theme sets the site’s design. Ghost’s newsletter template controls the email.

To change how the email looks, use the newsletter settings in Ghost Admin.

Your theme controls the website

Your theme sets the design of the homepage, article pages, and other site layouts. Find its options under Settings → Site → Design & branding → Customize.

Ghost website Design panel showing the Brand tab and heading and body font controls
These design settings apply to the website. This example uses Siwa.

Ghost’s website design guide explains the website controls.

The newsletter has its own settings

Open Settings → Newsletters. Edit the newsletter you want to change. If you have more than one, choose the one you plan to send. The multiple-newsletter guide explains how separate subscriptions work.

The Content and Design tabs have separate options. Ghost’s newsletter template guide explains them.

Content: what appears in the email

The Content tab lets you show or hide five elements:

  • Publication title
  • Newsletter name
  • Post title
  • Excerpt
  • Feature image
Ghost newsletter Content tab showing post title, excerpt, and feature image switches
Content settings choose what appears above the text.

A post may have a feature image on the site but no image in the email. Check the newsletter’s Feature image switch. Turn it on to show the image at the top of the email.

The excerpt works the same way. You can write one for a post, then choose whether to show it in the email.

Design: how the email looks

The Design tab has heading and body fonts, colors, and styles for links and buttons.

Ghost newsletter Design tab with background color, heading font, heading weight, and body font controls
The Design tab has its own background color and font settings.

Use these controls to match the email’s colors and fonts to your site.

Preview the email before sending

Open a draft and select Preview, then Email. Check which newsletter you have selected. The Web preview shows the theme’s article page. The Email preview shows the newsletter.

Ghost Email preview showing Weekly Edit, the subject, rendered email, and Test control
The Email preview shows the selected newsletter and a Test control.

Check the title, excerpt, feature image, and text you chose to include. Use Test to send a preview to your inbox. Ghost’s publishing guide explains this step.

Open the test on the devices and in the email apps your readers use. Check that you can read the text, see the images, and open the links.

More from the Blog

Latest Ghost Themes