Next Steps Template
Overview
This template displays images and content to share based on link lists. To utilize the “Next Steps” layout, create a page and, as shown below, select, "Next Steps Layout" from the “Template” menu.
Sections
This template allows you to use sections just like a subpage. There is a new option for next steps however.
Background Overlay Section
Content > Sections
Description - This field is used to display under the Section Title.
Content - This is the main content block and supports the content/styles of the page content. To get the image over the overlay, use code like the following:
<div class="div-row one-half">
<div class="div-col text-center"><img src="http://6f4729fc0d999f844fba-11f5593c8e7602287500b31b01b37586.r2.cf2.rackcdn.com/uploaded/l/0e5051817_1461796406_layer-43.png" alt="" width="206" height="196" /></div>
<div class="div-col">
<h3>Connect</h3>
<h6>Church in the House</h6>
<p>Church in the House are Community Group meetings that take the place of Wednesday night church. We currently meet every other Wednesday night. Church in the House is a great opportunity to grow in your relationship with God and with others.</p>
<a class="button-small" href="#">Find a Group</a></div>
</div>
Where the logo is in the first half, and the text is in the second.
Background Image - This serves as the section background image. This image should be 1,400px in width by the desired height (for retina images you can use 2,800px in width). The height will depend on the amount of content in the section. A recommended height would be between 600px and 1,200px (double for retina). You should aim for images at are 16x9 in aspect ratio.
Image Overlay - If this is checked, it will create the overlay effect over the background image.
Image Overlay on Right - If this is checked, the background image will be on the right, as seen in the image above, otherwise it will default to the left.