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
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>Viewing 15 lines of 42 lines. View entire code block.
If i m not mistaken you have to edit variables.less in yourtheme/css/build/bootstrap-3.xx, look for @grid-gutter-width.