How to Reduce Posts and Pages Content Width

In some cases, you may want to reduce the max width for posts and pages content. Here is a guide how to implement it:

1.Login to your Admin Panel

2. Navigate to Left Menu -> Appearance -> Customize -> ‘Additional CSS’ section

3. Insert the following code (you can adjust the example value of 500px to different number):

body.page .page-content,
body.single-post .content {
   max-width: 500px;
   margin: 0 auto;
}

4. Save changes

Then open some page or post from your site and it will have the same look as the screenshot above.