StoryChief provides some editor options that may or may not apply to your website.
Some of those might need additional CSS on your website to be properly applied.
These styles automatically work on your William channel.
You can enable/disable these options by going to: Settings > Stories > Editor
Start customizing your 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 outside of the grid. You can either go wide (the image goes slightly outside the grid) or full width (the 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 behavior and force change the line break into a paragraph.
You can achieve that by checking the box on the settings page as seen in this screenshot
🎉 You're done, grab a coffee, you deserve it! Check out the next steps below for more in-depth guides or follow-up actions