Tagged: 

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

    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
    RichaardChubb
    Participant

    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
    RichaardChubb
    Participant

    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
    RichaardChubb
    Participant

    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.