Support » Theme: Twenty Seventeen » Making the pages full width in twenty-seventeen wordpress theme

  • Is that possible to remove sidebars in pages, so that the content of the pages can be in 100% width? I am trying to edit content-page.php file but i can’t find a way to make it work.

    • This topic was modified 1 year, 11 months ago by  csandreas1.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Also page templates are not displayed in the pages, i cant choose one

    • This reply was modified 1 year, 11 months ago by  csandreas1.

    hello dear csandreas1

    many thanks for raising your questions. We here in the forum are willing to help you.

    according this thread: https://wordpress.org/support/topic/change-content-and-sidebars-width/

    you can follow below steps:

    1. Login as admin and go on theme customizer Dashboard >> Apperance >> Customize or Click on Custimze link on top bar from front-end.

    2. Then navigate Additional CSS and put below css into textarea then click on Save & Publish button.

    .wrap { max-width: 1366px; }

    and if you want to modify the percent of the sidebar and content?

    you can do this: you can modify the percent of the sidebar and content.
    just check below css code.

    .wrap { max-width: 1366px; }
    
    /*For Content*/
    .has-sidebar:not(.error404) #primary {
    width: 60%
    }
    
    /*For Sidebar*/
    .has-sidebar #secondary {
    width: 30%
    }
    
    /*Responsive*/
    @media(max-width:768px) {
    /*For Content*/
    .has-sidebar:not(.error404) #primary {
    width: 100%
    }
    
    /*For Sidebar*/
    .has-sidebar #secondary {
    width: 100%
    }
    }
    

    hope this helps you a bit.

    plz let us know how we can help you.

    best regards apollo
    😉

    • This reply was modified 1 year, 11 months ago by  apolloman.

    Hi apolloman!

    I tried that but it didn’t worked… 🙁 Do you have any other sugestions?

    Thanx in advance for your help 🙂

    Best Regards,
    erika

    Just make a new template in template parts and style it as you want

    Add to your child them or your Theme Customising Additional CSS
    Change the % as required!

    /* STRUCTURE */

    .wrap {
    max-width: 80% !important;
    }

    .page.page-one-column:not(.twentyseventeen-front-page) #primary {
    max-width: 100% !important;
    }

    @media screen and (min-width: 48em) {
    .wrap {
    max-width: 80% !important;
    }
    }

    @media screen and (min-width: 30em) {

    .page-one-column .panel-content .wrap {
    max-width: 80% !important;
    }
    }

    @media screen and (max-width: 650px) {

    .wrap {
    max-width: 95% !important;
    }
    }

    @andrew-dyson
    I do have anoyher issue. When using your customized css my homepage (static page) uses another width then my other pages. Anybody who knows how to fix this. Can’t get a hold on this problem, usesed a variaty of different options found on google to make a full-width.php template, using various css codes but my pages stay in different width’s. I only use static pages btw, so nog blogposts

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Making the pages full width in twenty-seventeen wordpress theme’ is closed to new replies.