Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #317711

    Hi, is there a way to reduce the page width for Content for non-sidebar pages?

     

    I think I need to make the container smaller, but can’t see how, thanks

    Richard

     

    http://www.richardchubb.com

    #317734
    tikaram
    Keymaster

    @richaardchubb : Login to your WordPress admin section. Go to Pages and click on edit to change the content width.
    In the editor sidebar click on page tab. You will find a template option where you can change the page template. Click on default template and select No Sidebar from the drop-down list and and update the page. Hope this helps you out.

    Regards,
    Tikaram

    #317742

    Hi,

    I have tried that first, before I logged this ticket, but I have either a page width with a sidebar, or a no sidebar page that is too wide for my liking.

    The container width I think is 1400 wide with no sidebar. How do I make this narrower?

    Thanks

    Richard

    #317753
    Sakin
    Keymaster

    Hi Richard,

    Instead of changing the individual page layout. You can overall layout from the “Appearance => Customize => Theme Options => Layout Options”.
    * You can use No Sidebar in “Default Layout”
    * Then use use No Sidebar: Full Width Homepage/Archive Layout.

    In this layout, No Sidebar uses a width of 680px and No Sidebar: Fill Width uses a width of 1400px.

    Regards,
    Sakin

    #317754

    I get what you say, in particular

    In this layout, No Sidebar uses a width of 680px and No Sidebar: Fill Width uses a width of 1400px.

    but I want the fill width to be less than 1400pv

     

    how do I do that?

    #317810
    tikaram
    Keymaster

    @richaardchubb : If you would like to decrease the width of No Sidebar: Fill Width

    Login to your WordPress admin section. Go to Appearance => Customize => Additional css and add the following css

    .full-width-layout .wrapper {
      max-width: 1200px;
    }

    Let me know if this helps you out.

    Regards,
    Tikaram

    #317859

    Hi, yes thanks, that worked, but it also affected the width of the main menu, which has now wrapped onto to lines.

    Any way to correct this?

     

    Thanks

     

    #317860
    Sakin
    Keymaster

    Then you can replace the above CSS with the following to make it just for the content:

    .full-width-layout .site-content .wrapper,
    .full-width-layout .section .wrapper {
      max-width: 1200px;
    }
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Page Width’ is closed to new replies.