[RichaardChubb]

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

[tikaram]

@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

[RichaardChubb]

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

[Sakin]

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

[RichaardChubb]

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?

[tikaram]

@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

[RichaardChubb]

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

 

[Sakin]

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;
}

[Author]

Posts