Skip to content

Carousel

Usage  

Used to highlight a series of pictures and/or articles. This feature is best used when the carousel items link to pages/post with additional information.

When a carousel is used above the tag, the image will span the entire width of the page.  The image should be 1200X360 and the theme will auto scale the image to fit the viewing resolution.  Note: on lower resolution monitors, this will result in most of the screen being taken up by the masthead carousel.

Example

[carousel class=”pantherblue” transition=”fade”][slide id=1 attachment_id=123 title=”Carousel Item 1”]Sub-text in box after title[/slide] [slide id=2 attachment_id=124  title=”Carousel Item 2”]Sub-text in box after title[/slide][/carousel]

Main 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

 

href                               Links to an external link using a specified url

 

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].


transition           Set to fade to change the transition behavior between slides

Feedback and Knowledge Base