4 or 5 columns?

  • Steeltoe

    (@steeltoerigney)


    10 years, 8 months ago

    I looked at all the posts so far, but if this is a repeat, I’m sorry.

    My monitor is 2560px wide, but when I maximize the window with my site in it, it only shows 3 columns. There is plenty of room for a 4th column, or even a 5th. Is a max of 3 columns hard-wired anywhere in the theme? Can I change it?

    http://steeltoerigney.com/
    I’m running WP 4.2.4.
    I am using a child theme of Fukasawa with some trivial type size changes.

    Thanks all.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Axel13

    (@axel13)

    10 years, 8 months ago

    No, the number of columns is not set. The .content is set to

    .content {
    width: 1200px;
    max-width: 86%;
    margin: 40px auto 50px;
}

    In your child theme you could set it to f.ex.

    .content {
    width: 95%;
    margin: 40px auto 50px;
}

    You then still have 3 columns. This is set by:

    .posts .post-container {
    width: 33.33333%;
    padding: 10px;
    overflow: hidden;
}

    You can change that to the following to have 4 columns:

    .posts .post-container {
    width: 25%;
    padding: 10px;
    overflow: hidden;
}

    However, it might be better to only do so on wide screens.
    This could be done like this:

    @media (min-width: 1800px) {
    .content {
        width: 95%;
    }
    .posts .post-container {
        width: 25%;
    }
}

    I’m not sure this will not impact anything else though. I only looked at the homepage, but I guess you’ll get the idea.

    Thread Starter Steeltoe

    (@steeltoerigney)

    10 years, 8 months ago

    That worked perfectly! Saved me a lot of time. Thank you.

    LambdaEnt

    (@lambdaent)

    10 years, 6 months ago

    That worked, mostly. But when the screen width gets smaller, it suddenly shifts to two large columns. What else needs to be changed?

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘4 or 5 columns?’ is closed to new replies.

Tags