Elemental Theme Tweaking / Spacing between rows/columns

Permalink
Hi, I am building a website and thought using the Elemental them would be a perfect start point and have got stuck on spacing / margins when setting up a template page / layout. I have put 5 rows into a template then in each row 2-3 columns, and when I put content in there is a 30pix gap between each collum. I have tried going through all the css, template,theme files and cannot find out how to control the gap and assuming its hidden somewhere in bootstrap files.

Also is there a way to restrict the row heights so when I put a picture in it scales upto the height and do this all in the template file as I can sort of do both of these by setting up a container layout and resizing photos BEFORE I put them in the page but I want to restrict anybody when they edit the page from making a row taller...

here is a sample of the code i used on the template file for the main body
<div class="container">
            <div class="row">
                <div class="col-sm-4">
                    <?php
                    $a = new Area('main3 A');
                    $a->display();
                    ?>
                </div>
                <div class="col-sm-8">
                    <?php
                    $a = new Area('main3 B');
                    $a->display();
                    ?>
                </div>     
               </div>

1 Attachment

View Replies:
MattPesquet replied on at Permalink Reply
Hi dreamstudio,
If i m not mistaken you have to edit variables.less in yourtheme/css/build/bootstrap-3.xx, look for @grid-gutter-width.
JohntheFish replied on at Permalink Reply
JohntheFish
If you are going to edit it, start with cloneamental.
ob7dev replied on at Permalink Reply
ob7dev
Try Info Box Grid plugin to achieve the layout you're going for.