Two column content

This block has two WYSIWYG content fields.

The appearance can be customised within the view.php for the block templates.

First column content

This is a useful block for adding two columns of content within a full-width area. These are both an equal width of six columns. See below for custom templates which alter the width of the columns and /or add background colours.

Second column content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas faucibus mollis interdum. Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

First column content

This version uses the 'Right Sidebar' custom template.

This makes the first content area seven columns wide and the second four columns wide with a gap of one column between them.

Second column content

Sample code -

<div class="seven columns">
First column content
</div>

<div class="four columns push_one">
Second column content
</div>

</div>

First column content

Sample code -

<div class="seven columns">
First column content
</div>

<div class="four columns push_one">
Second column content
</div>

</div>

Second column content

This version uses the 'Left Sidebar' custom template.

This makes the first content area four columns wide and the second seven columns wide with a gap of one column between them.

First column content

This version uses the 'Background Color' custom template.

This keeps the first and second content areas equal at six columns wide and adds a light-grey background to the area.

Note: To make the light-grey background go to the full width of the browser this block is added to a full width editable area of the site. If the block were added to a twelve column area the grey would just extend to the twelve column width rather than across the whole browser width.

Second column content

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.