[Resolved] Sections layout

Home Forums Support Sections layout

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #124167
    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.

    #124261
    Tom
    Lead Developer
    Lead Developer

    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 🙂

    #124348
    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!

    #124396
    Tom
    Lead Developer
    Lead Developer

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.