If you click on an image inside the StoryChief editor, you are able to change the display size. The following sizes are available:

  • Full-width (only avaiable if the image is over 2000px wide)
  • Large
  • Regular

In Webflow you can add a small section of code that will allow you to customize the different sizes.

Step 1. Login to your Webflow dashboard.

Step 2. Navigate to Pages. And under CMS Collection Pages, click on the ⚙ gear icon for the template for your blog posts.

Step 3. Scroll down to the Custom Code section and enter the following inside the <head> tag:

<style>
figure.regular{
  max-width: 740px;
}
figure.large{
  max-width: 900px;
}
figure.full{
  max-width: 100%;
}
</style>

These values can be changed if necessary.

Step 4. Click on Save.

Step 5. And finally, don't forget to publish your Webflow project to set the changes live.

Did this answer your question?