1, 2 and 3-column layout support

CommentFileSizeAuthor
#9 precentage.png416.99 KBAnatoliy Vorobyov
#4 videoex.jpg39.15 KBPeters
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

gtsopour’s picture

Status: Active » Fixed

Corporate Clean 7.x-1.6 comes with 1, 2 and 3-column layout support. "Sidebar_first" has been moved to the left of the content and there is now a new region "Sidebar_second" positioned at the right of the content.

Therefore after the update process from Corporate Clean 7.x-1.5 or previous to Corporate Clean 7.x-1.6, you will notice that your existing Sidebar has been moved to left.

If you want to keep your existing Sidebar right, just move your blocks from "Sidebar_first" region to "Sidebar_second" through Home » Administration » Structure » Blocks.

Thanks
/George

cy08’s picture

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

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Peters’s picture

FileSize
39.15 KB

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

See added screenshot of an embedded video

tasetta’s picture

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

Dreao’s picture

Version: 7.x-1.5 » 7.x-2.2
Status: Closed (fixed) » Active

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 :)

dennis111’s picture

Issue summary: View changes

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 :)

Anatoliy Vorobyov’s picture

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;
}
Anatoliy Vorobyov’s picture

FileSize
416.99 KB