[Resolved] Sections layout

[mikei]

Hi Tom,

I’m trying to use the Sections for the first time. My site layout is “one container”, but when I activate Sections on home page, it gets fluid to browser’s window.

Box Type: “Contained” doesn’t seem to do anything.

Actually, I want to place four boxes horizontally. First, I made a sidebar with 4 widgets in it, then realized that Unsemantic Grid didn’t have gutters between columns. I didn’t know how to add another inner container to a widget, so I tried to achieve the same with Sections by using grid-50 class.
Here is where I’m trying http://www.benkinsheetmetal.com/dev/

Actually I like the idea of using Sections in this fashion 🙂

Any suggestions how to go about with the theme’s grid? Thanks.

[Tom]

Hi there,

Currently, the Sections add-on is built for these full width type layouts.

The contained and fluid options are for the content inside each full width section. So if you set it to “Contained”, your content inside your section will be contained, but the background color/image will still be a full width section.

There are plans to allow for fully contained sections which will also allow sidebars – currently sidebars aren’t allowed using the full width sections.

You can add another element in each grid which you can add padding to, for example:

<div class="grid-25">
      <div class="inside-grid">
            Content in here
      </div>
</div>
<div class="grid-25">
      <div class="inside-grid">
            Content in here
      </div>
</div>
<div class="grid-25">
      <div class="inside-grid">
            Content in here
      </div>
</div>
<div class="grid-25">
      <div class="inside-grid">
            Content in here
      </div>
</div>

Then your CSS would be:

.inside-grid {
      padding-left: 30px;
      padding-right: 30px;
}

Let me know if you have any other questions 🙂

[mikei]

Got it. Thanks! Once I removed additional grid classes from the “custom classes” field, it became “contained”.

The whole thing won’t work for this particular site, not intended for such use). I’ll go with widgets without trying to use the theme’s grid.

The Sections is a great thing, btw).

Thanks!

[Tom]

No problem – it’s only going to improve! 🙂

[Author]

Posts