• Resolved VierasTalo

    (@vierastalo)


    Hi. In the bottom of the post editor there is the option “Layout” where you can override the default page layout. We would love to give our editors the option to use the full width “1 column” -option. However, our current website max width is 1380px, and using that width for a single article is really extreme. Basically using the 1 column option means you need to turn your head all the time to read the text. For long form articles this kind of doesn’t work. Is there any way to set the maximum width of the single column layout without it affecting the maximum width of the rest of our website?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi Vieras. You could try something like this in your custom css:

    .col-1c .main {
        width: 1000px;
        margin: 0 auto;
    }
    Thread Starter VierasTalo

    (@vierastalo)

    Hi bdbrown, and thanks for helping me again. This indeed solves my problem, however, it brings up another. I’ve uploaded a picture here: https://www.laajakuva.com/wp-content/uploads/2015/10/sombrepreview.png As you can see, the white portion that overlaps the header and states the category (in this case Kritiikit) and the amount of comments is now at odds with the actual background of the text. Is it possible to make it so the background of the text is in unison with the bar up there that overlaps the header?

    Not quite following you. Are you saying you want the background of the page title bar (category and comment count) to be the same as the header? Or is the title bar background the correct color and the post content background needs to change?

    Thread Starter VierasTalo

    (@vierastalo)

    To be specific; I would like to remove the thick white bars that are now on both sides of the text. So it would be the grey background color until the part where the actual text of the post shows up. I outlined the parts that I’d like to remove in this image: https://www.laajakuva.com/wp-content/uploads/2015/10/sombreedges.png I would like the white space where the text of the post is to be of the same width as the page title bar.

    Got it. Try this:

    .col-1c #page .container-inner {
        background: transparent;
    }
    Thread Starter VierasTalo

    (@vierastalo)

    Thanks! That was exactly what I was looking for.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Full width layout post page width?’ is closed to new replies.