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 on your website? If so, you can apply the following code to your website's CSS file. If you need any help with this, send us an email at support@storychief.io or start a chat on the platform.

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;
}