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.

Did this answer your question?