Story Chief acts as a layer above your website, social media channels, newsletters, Google AMP, Facebook Instant Articles, Medium.com, Blogger.com, etc. 

How do we ensure that the story will look good on your website?

In Story Chief, you are making data, so don't take too much attention about the fact that the font is not the same as on your website. 

If you select a word or a sentence, the formatting toolbar appears, so you can make them bold, underline, italic, smaller, put a link, create subtitles H2 or H3, quote and numbered or unnumbered bullet points.

When you publish a story to your website, it will detect the styling you created, and transforms it in the right layout (font, size, colour), because of the CSS-file (Cascade Style Sheets where is describes the layout). That's why body text will be exactly your font and size, why a quote will be shown the way it always is. 

Take a look at 'Who owns the content of my stories' as well. 

Usefull css styles

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?