Increasing the page width

The request seems confusing because you are trying to increase the page-width but also not through the “fluid-type”. So can you elaborate more on this?
However, by our assumption we thought you are trying to decrease the padding of the page i.e. decreasing the gap between the content & the container. If so, then you can do this by increasing the width in the given css class:

@media (min-width: 1200px)
.container {
width: 1211px;  //increased width.
}

So sorry for the confusion. I am learning wordpress.
Looks like I can control the width by your Site Layout option. There are two choices, “Boxed” or “Fluid. Fluid takes the whole screen. I don’t want that. So, I choose Boxed option. This is too small. I need little more wider but not the whole screen.

Regarding the CSS classs, where should I put this? Sorry, I am newbie.

Thanks so much for your help.

Joy

The above code will flow the content a bit more, covering the white spaces in both of the sides of the page. The code should be put in the css file. If you’ve custom.css or style.css, you can put them in anyone of those file. The width we have kept in the above code is just an example for you. You can put it according to your requirement.
Hope that helps!

Sorry to bother you again.
I have put the above code in the theme’s Customize -> Theme Options -> Advanced -> Custom CSS. Still the same width. Following articles, I have created a child theme and made change in the following padding section :
/*Bootstrap hack for 5 column*/

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
position: relative;
min-height: 1px;
padding-right: 5px; /* joy: was 10px; */
padding-left: 5px; /* joy: was 10px; */
width: 20%;
float: left;
}

Still the theme has same width. Please help.

Regards,

Joy

I may confusing you with my requirement. Let’s describe it this way:

My website has no sidebar and it is “Boxed” type. I want to change the width of the box.

Thanks.

So if you just want to change the width of your “Boxed” layout then you just have to add this property in you child theme’s style.css or custom.css:

.container {
     width: 1000px !important; //width per requirement
}

Note: Please do see your responsive works even after adding this css property.

If I do that my navigation menu get messed up. Also, you are right, it is breaking the responsiveness.

Thanks for your response!

Well, this would work on your responsive view as well.

.container{
width:1200px;
}
@media only screen and (max-width: 1200px){
.container {
    width: 95% !important;
}
}

Adjust width value as per your requirement.

Thanks

Exactly what I need!
Thank so much for helping me.

Regards,

Joy

Glad to see that worked for you as well. Anyways, if you’ve any further issues then you can kindly post.