StoryChief acts as a layer above your website, social media, newsletters, and other channels. But how do we ensure that the story will look good on your website?

In StoryChief, you just need to focus on creating amazing content and not on fonts, colors, or spacing. When you publish your story, your existing styling defined by your website's theme will be used and not overwritten.

What you can change in StoryChief, is the formatting of your text. These are the options available to you after highlighting a section:

  • Bold
  • Italics
  • Underline
  • Subscript
  • H2, H3, H4
  • Quotes
  • Bullet points
  • Numbered list

Suggested CSS changes for your website

Do your stories not look absolutely correct after being published to your website? If so, you can apply the following code into your website's CSS file. If you need any help with this, send us an email at support@storychief.io.

Center images and media embeds

figure.image{
  text-align:center;
}
figure img,
.instagram-media,
.twitter-tweet {
  margin-left: auto !important;
  margin-right: auto !important;
}

Responsive images and media embeds

figure img, figure iframe {
  max-width: 100%;
}

Caption styling

figure figcaption {
  color: #9197a3;
  font-size: 80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  line-height: 2;
  margin-top: 10px;
}

Did this answer your question?