Archived topic

Sections layout

3 replies · Started by mikei on July 27, 2015

Viewing posts 1–4 of 4

July 27, 2015 at 2:27 pm #124167

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.

July 28, 2015 at 12:37 am #124261

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

July 28, 2015 at 10:21 am #124348

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!

July 28, 2015 at 12:38 pm #124396

No problem - it's only going to improve! :)

This archived topic is closed to new replies.

Start building better websites today.