StoryChief provides some editor options that may or may not apply to your website.
Some of those might need addition CSS on your website to be properly applied.
These styles automatically work on your William channel.
You can enable/disable these option by going to: Settings > Stories > Editor
Media alignment
Align media left and right in your content.
Implement the following CSS classes for styling:
figure.strchf-align-left
figure.strchf-align-right
Example implementation
figure.strchf-align-left,
figure.strchf-align-right {
width: 50%;
margin: 20px;
}
figure.strchf-align-left {
float: left;
margin-left: 0;
}
figure.strchf-align-right {
float: right;
margin-right: 0;
}
Media sizes
Display media oustide of the grid. You can either go wide (image goes slightly outside the grid) or full width (image spans the complete screen).
Implement the following CSS classes for styling:
figure.large
figure.full
Depending on your website this may or may not make sense. Specifically sites with a left and/or right sidebar won't be able to use this.
Content
Disallow line breaks
A line break is a command that sets the cursor on the next line and does not create a new paragraph. Essentially, line breaks denote the end of one line and the start of a new one.
Line breaks are available by default in the Story Chief editor, but for some use-cases, you might want to alter the default behaviour and force change the line break into a paragraph.
You can achieve that by checking the box in the settings page as seen in this screenshot