WordPress.org

Ready to get started?Download WordPress

Forums

Ryu
Reducing column width of posts (2 posts)

  1. j9824
    Member
    Posted 4 months ago #

    I would like to reduce the column width of the posts so it is all a lot more compact and central. With wide margins on each side.

    I have spent a large proportion of the day trying to work out exactly what to do in the CSS but to no avail.

    Please let me know which part of the CSS I need to alter to change it for all posts.

    Thanks

  2. The width of the main column is defined here:

    .entry-wrap {
    margin: 0 auto;
    max-width: 850px;
    }

    You can modify the max-width to something else if you like.

    There is also another relevant width defined here that you can adjust as well:

    .entry-content,
    .entry-summary {
    	margin-top: 34px;
    	max-width: 680px;
    	width: 100%;
    }

    Don't edit the theme files directly, otherwise your changes will be overwritten when the theme is updated.

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You'll then add your custom CSS in the new stylesheet editor that'll appear in your dashboard, under Appearance > Edit CSS.

    As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.