1, 2 and 3-column layout support

Thanks for that.
Apparently, the width of the sidebar changed too? (or is it the width of the main content?)

Somehow the content in the middle column gets deformed. Anyone knows why?

See added screenshot of an embedded video

is a 3rd/center sidebar possible?
I'm wanting one of my page to have three equal sections across the content area.

Hello,
How can I change the width of the first sidebar? The only place I found the option to was "container_12 .grid 4" and that also changes the first footer section. I just personally do not like how wide that sidebar is and would like to make it about 200px - 250px. Thank you for the help :)

Every CMS is very bad with width and height of regions, block etc, nobody know what need to do for resize region. I spend 7-day, what i developed :)

Change end of style.css in corporateclean\

#sidebar-first {
width: 25%; /* - set float width left bar */
margin-left: 0px;
}
#sidebar-second {
width: 25%; /*- set float width right bar */
margin-left: 200px;
margin-right: 0px;
}

#content-inside {
width: 100%; /*- set width to screen width all content include left and right side bar*/
}

But I cannt change center part between left & rigth bars - Help me too!

If you dont know anser plese be quite, i see thousands bla-bla-bla: see documentation, see this see that but such information doesnt exist in this documents ...

Only i need ccs class name that i can set width and other proporion between left and right sidebar ...

I think easy write all PHP code then get what you need from CMS theme :)

Everything is simple: sum of columns width should be same as parent width.

@dennis111 Here is styles for you if you want to make 25% for sidebars and 50% for main content, and all those 3 columns should be in one row:

#sidebar-first {
    float: left;
    width: 25%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}
#main {
    float: left;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}
#sidebar-second {
    float: left;
    width: 25%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}