Customizing your editor
Gregory Claeyssens avatar
Written by Gregory Claeyssens
Updated over a week ago

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 > Articles > 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 StoryChief 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


πŸ“š Next steps

Did this answer your question?