Occasionally we need to use custom html to obtain the layouts shown on our demos. The code below is what was used on this theme. It is best to enter this code directly into the text tab of your editor.

Image and Content Fader Code:

Simply enter the images and into the default fields in the admin of the widget. This demo uses 1599x936 images, but you can use any image size; just make sure they are all the same size. Features like size, zoom, slide effects, and others are controlled in the widget's admin. The custom html for each text area is shown below. The title setting should be turned off, it is used in the text area for this design instead. This widget is published to the Custom 3 position on the demo.



Code used for text area, the title should be empty:

Give Now:

This is a text widget published to the Custom 2 position.



Code used for this area:

Top Rows:

These are three separate text widget widgets published to the Top Row 1 positions. Below is the code used for each area.



Code used for Top Row 1.1:

Code used for Top Row 1.2:

Code used for Top Row 1.3:

Campus Life video tour and more:

This is a text widget published to the Custom 4 position.



Code used for the widget:

Campus Life: Masonry Widget:

This is the S5 Masonry widget published to the Top Row 2.1 position, with "s5_highlightcolor2 s5_icon.ion-ios-people" entered in the additional classes area on the widget. For instructions on how to use and set up the Masonry widget please visit:
http://www.shape5.com/documentation/WordPress/Extensions/S5-Masonry



Settings for the Masonry widget:

Custom 6 Position:

This is a text widget published to the Custom 6 position. You can see how the site looks with it published and then without. This is great for creating a title for certain pages.

Success Stories and more:

This is a text widget published to the Custom 5 position.



Code used for this area:

Online Learning:

This is a text widgets published to the Top Row 3.1 and Top Row 3.2 positions:



Code used for the Top Row 3.1:

Code used for the Top Row 3.2:

Testimonials - Tab Show:

This is the Tab Show widget published to the Above Columns 1 position with the style of "Testimonial" and the "verticalspacing" additional class. We placed images on the "Position Selections And Button Options" tab and placed the arrows to show above and the tab buttons below and outside. For instructions on how to use setup the Tab Show widget please visit:
http://www.shape5.com/documentation/WordPress/Extensions/S5-Tab-Show



Code used for this area:

Request a call back:

This is the quick contact widget published to the Below Columns 1. For instructions on how to use setup the Quick Contact widget please visit:
http://www.shape5.com/documentation/WordPress/Extensions/S5-Quick-Contact



Code added to the "Pre-Text" area under the Quick Contact "messages and text" tab:

Campus Newsletter:

This is the MailChimp widget published to the Bottom Row 1.1 position. For instructions on how to use setup the Mail Chimp widget please visit:
http://www.shape5.com/documentation/WordPress/Extensions/S5-MailChimp-Signup

Footer area:

This is the MailChimp widget published to the Bottom Row 1.1 position. For instructions on how to use setup the Mail Chimp widget please visit:
http://www.shape5.com/documentation/WordPress/Extensions/S5-MailChimp-Signup





Code used for Bottom Row 3.1:

Code used for Bottom Row 3.2:

Code used for Bottom Row 3.3:

Code used for Bottom Row 3.4:

Social Icons:

The below code is published is added to a text widget published to the "Custom 7" widget position.

Code used for Custom 7 position: