Buy All 48 Premium WordPress Themes for $54.99

How to Reduce Posts and Pages Content Width

Reduce 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.

About the Author

Tihomir Ivanov is a WordPress and Salesforce Commerce Cloud (SFCC) developer, founder of tishonator.com, a fan of Linux and Open Source, Minimalism (in Design and Life), Sci-fi, Fantasy, Classic and History books :)

Leave a Reply