Some info in the style.css file:
Example to get you started:
If you create a component and a page, in this example that is:
Component: column-component1
Page (slug): column-page1
and put in code like this in your template:
It will show 2 columns: One with content from component, One with content from page.
Code:
/* Columns
-------
.col_33 | .col_33 | .col_33
.clearfix
-------
.col_75 | .col_25
.clearfix
-------
.col_66 | .col_33
.clearfix
-------
.col_50 | .col_50
.clearfix
-------
.col_100
-------
*/
Example to get you started:
If you create a component and a page, in this example that is:
Component: column-component1
Page (slug): column-page1
and put in code like this in your template:
Code:
<div class="col_50">
<?php get_component( 'column-component1' ); ?>
</div>
<div class="col_50">
<?php getPageContent('column-page1'); ?>
</div>
It will show 2 columns: One with content from component, One with content from page.