Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Post Column Width

  1. thaasgq
    Member

    I've been poking around the CSS trying to figure out how to increase the column width for posts so that there isn't so much whitespace, but I'm new to CSS, so I don't really know where to begin.

    I realize the solution is probably incredibly simple, but I'd appreciate any help people could offer.

    The blog I need help with is leftwriteupdown.com.

  2. thesacredpath
    Member

    Since your site is set to private, we volunteers cannot see it. We at the very least need to know what theme you are using on your site, or you need to make it public for a short time so that we can take a look.

  3. thaasgq
    Member

    Apologies about that. I forgot that I had set it to private when I first set it up. It should be visible now that I've changed the settings, though.

  4. thesacredpath
    Member

    Thanks. Currently the overall width of the theme you are using is set for a maximum of 980px and that is about the maximum width for a 1024px wide display resolution, and there are still a good number of people using that resolution.

    The theme you are using is a responsive design which means that it adjusts to the width of the screen you are viewing it on (with the max set at 980px). If you widen and narrow your browser window you will see how the responsive theme reacts to different display widths.

    For the easiest reading, it is best to keep content widths no wider than about 600px.

    You can set things a bit wider if you wish, but keep in mind the width of the textual content. This will widen the maximum content width by 100px.

    .site-main, .site-footer {
max-width: 1080px;
}

.content-area {
max-width: 830px;
}

.entry-header, .search .page .entry-header, .entry-content, .entry-summary, .single div.entry-meta {
max-width: 720px;
width: 100%;
}

  5. thesacredpath
    Member

    I forgot to note that each of the "max-width" values above are 100px over what the original design was. If you change the width from what I have above, make sure and increase or decrease the max width values by the same amount or things will "blow up" on you.

  6. thaasgq
    Member

    Thanks for the help and advice! I really appreciate it.

  7. thesacredpath
    Member

    You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags