Adjust the Width of Related Posts Section on Single Post

This is a Developer Level doc.

If you're unfamiliar with CSS and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our Support Policy, we don't provide support for modifications and customization.

By default, the Related Posts section on your single blog posts pages has the same width as your website, regardless of the width of your blog posts content which can be adjusted via the Customizer.

You can adjust the width of the Related Posts section by using the following CSS snippet:

/*Related Posts Section Width*/
.single-post.content-max-width #related-posts {
    max-width: 700px;

Adjust the max-width value per your need.

All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.