Changing the theme width

You can change this in theme setting options.

I tried changing the width to 1100 in theme option but it does not change anything…may be because I am using 3 column. There is no option to reduce sidebar in theme option, min is showing 280px primary, 200px secondary (30px padding). I think we need to work in CSS.

Make sure the “Enable to use” checkbox is checked at the top of theme options > styling for the width setting to work.

Modifying the sidebar involves quite a bit of code and can be complicated – lots of “logic” is going on there for it to work. It has been asked a few times here so I may write some quick guide how-to here on the forums later on. It does indeed require CSS modifications, as you say.

Thanks I did not notice the enable thing, and I added below css code to theme custom css to adjust sidebar..

* 3 column, content middle */
.col-3cm .main {
background: url(img/sidebar/s-right-s2.png) repeat-y right 0;
}

.col-3cm .main-inner {
background: url(img/sidebar/s-left.png) repeat-y left 0;
padding-left: 260px;
padding-right: 240px;
}

.col-3cm .s1 {
float: left;
margin-left: -260px;
}

.col-3cm .s2 {
float: right;
margin-right: -240px;
/* ingenuity! */
position: relative;
right: -100%;
}

.col-3cm .content {
float: right;
}

Nice work!

Hi @alexander Agnarson,
I have updated the above codes in css file itself and finding some issue in middle content background. please see my website https://nezone.info/gallery/, white background in middle content is not in proper size after reducing the left and right sidebar. It will be great if you advice me where I can tweak this in css.

I have figured it out, I have added background-color: white; in the below (css 216 line)

.content { width: 100%; position: relative;}

Thanks