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-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.


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

Did this answer your question?