nonmasthead

Carousels

Carousels provide a method to rotate a set of content in a prominent position on a page. There are two ways to use the carousel shortcode:

masthead
On the home page, or any page with the “Home” template, it can be placed in the masthead, or the content
When used in the masthead, the carousel is displayed with an immersive style, stretching the width of the screen, with the transparent buttons

nonmasthead
When used in the content, the carousel stretches the width of the content box with round pill buttons.

Images for the home template should be 360px in height, and at least 960px wide, and preferably 1200px wide. the main content of the image should be in the 960 x 360px center area, and bleed to the left and right.

minicarousel
On article pages using the default page template
The caption comes below the slider. Images will be cropped to 620×300. The carousel stretches the width of the content box with round pill buttons.

 

Example Usage

[carousel class="gunmetal" ][slide attachment_id="19967" alignment="topright" title="Double Alumna"]Winde Akande launches global accounting career[/slide][slide attachment_id="19969" alignment="bottomleft" title="Fast-Track MPA"]Attain CPA eligibility in one year[/slide][slide attachment_id="19970" alignment="bottomleft" title="Master of Taxation"]Up to date curriculum prepares graduates for distinguished careers[/slide][/carousel]

Carousel Attributes

class color of the overlay box and carousel arrow background. Supported options are: gunmetal, light, dark, pantherblue, bluesteel, skyblue, desertsand, morningmist, cosmicblue, mulberry, spearmint; Note: you can change the overlay box color for each slide, however, the arrows are set for the entire carousel.

transition – set to “fade” to use a fade transition between slides

Slide Attributes

attachment_id – uses an image from the WordPress media library

id – links to a post or page on the site using the WordPress id

url – links to an external link using a specified url

target – determines if the link opens in the same window or another window

alignment – determines alignment of the overlay box. Supported options are: bottomleft, bottomright, topright, topleft

class – color of the overlay box and carousel arrow background. Supported options are: gunmetal, light, dark, pantherblue, bluesteel, skyblue, desertsand, morningmist, cosmicblue, mulberry, spearmint; Note: you can change the overlay box color for each slide, however, the arrows are set for the entire carousel.

title – provides a specific title for the slide (this is the larger text). If a title is not provided, then the title from the page or post referenced will be used.

headline – placed between the slide shortcodes [slide]This is the headline[/slide].