How to make pages 1-column

  • Resolved inesepogagallery

    (@inesepogagallery)


    7 years, 5 months ago

    If I have blog page as a front page, I do not get the option of adjusting other pages to 1-column pages, or is this option hidden somewhere?
    It looks really bad because the heading at the top is one column and the rest of page is squeezed in in another narrow column.
    Is there a way to fix that?
    I do not want to make the front page static because that does not work for me.
    I’ve tried to figure this out since I started to use Twenty seventeen, but unsuccessfully.
    Please, please, please help!
    It is a real issues and make the site look bad.
    Thanks,
    Inese

    The page I need help with: [log in to see the link]

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

  • Unfortunately this theme does not let you do that without setting a static front page, so some really messy/ulgly custom CSS coding is needed to cancel out what the theme does…and not sure you want to do that, but here is a possible fix:

    @media screen and (min-width: 48em) {
body.page-two-column:not(.archive) #primary .entry-header,body.page-two-column:not(.archive) #primary .entry-content {
float:none;
width: 100%;
}
}

    Copy and paste that into your customizer’s Additional CSS tab.

    Thread Starter inesepogagallery

    (@inesepogagallery)

    Thanks! I would love to leave the front page as is.
    Will using the additional css change just the other pages or every page, including blog page will be full width?
    Basically, having widgets on the side is great.
    I am going to try this, just a bit afraid that front page will lose the widgets.
    Thanks,
    Inese

    Not sure if you got my updated post with the new code as I just noticed you posted your reply. If you don’t see the updated code, here it is again:

    @media screen and (min-width: 48em) {
body.page-two-column:not(.archive) #primary .entry-header,body.page-two-column:not(.archive) #primary .entry-content {
float:none;
width: 100%;
}
}

    Not to worry when adding CSS to the customizer because if anything goes wrong, you simply delete the code. Everything should go back to how it was.

    The code I updated only affects “pages” and not your blog pages such as the home, archives (tags, categories, etc).

    Thread Starter inesepogagallery

    (@inesepogagallery)

    THANK YOU!!!
    Worked like a miracle!
    Fantastic!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to make pages 1-column’ is closed to new replies.