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