Reduce content width

  • Pluh

    (@pluh)


    5 years, 11 months ago

    I need to reduce the post’s width. If I reduce the default “870px” width then the whole site layout gets screwed up and it’s not centered. If I use a custom layout per these instructions https://presscustomizr.com/snippet/changing-the-global-column-layout-of-the-customizr-theme/ and use a smaller span, then the sidebar is too big.

    How do I reduce the content width only, keeping the sidebar size the same and still keeping the content centered? I mainly use the 1-sidebar layout.

    • This topic was modified 5 years, 11 months ago by Pluh.
    • This topic was modified 5 years, 11 months ago by Pluh.
Viewing 1 replies (of 1 total)
  • muffingraphics

    (@muffingraphics)

    5 years, 9 months ago

    Hi,
    I also need to reduce the global width to 971px.
    Header, slider and footer already in the correct width but not with page and post width. I am using below CSS:

    @media all and (min-width: 1080px) and (max-width: 1920px) {
    .tc-header {
    width: 971px;
    margin: 0 auto;
    }
    footer#footer {
    width: 971px;
    margin: 0 auto;
    }
    }
    .carousel-inner {
    width: 971px;
    margin: 0 auto;
    }

    The result is http://muffingraphics.com please advise.

Viewing 1 replies (of 1 total)
  • The topic ‘Reduce content width’ is closed to new replies.