Facebook Pixel Carousel Galleries | Western Kentucky University

Carousel Galleries


The carousel style gallery displayes images in a rotating carousel with titles and descriptions placed on top. These are sometimes referred to as slider galleries. Carousels are defined in the Advanced section of the Gallery Options Panel using advanced code:

style=carousel;

Creating a Carousel

 

 

Image Sizing


  • Crop images to have the same height. Uploading images of various heights will cause any content below to move unexpectedly when the carousel changes.
  • Carousel Galleries are a responsive item. Responsive elements fill 100% of the width of where they are placed. This means that your images will need to be a as wide or wider than the column they are placed on any screen width. Use the table below to determine the minumum width of the carousel image based upon where it placed on your page.

 

Recommended Minimum Image Width

Page Layout
1 Column 2 Column Main 3 Column Main Side Column
1200px 900px 600px 600px

 

 

Examples


Default Carousel

 

Carousels can be placed anywhere on the page including side columns and column snippets. The examples below are placed inside a 2 col snippet. When adding a carousel to a side column or snippet, you may want to leave the description blank since there is not as much space to display that content.

 

Square Cropped Images

Portrait Cropped Images

 




Need Assistance?

The WKU ITS Service Desk is here to help. Give us a call, chat with a representative online, use the Self-Help Knowledge Base and more.

Get Help



Some of the links on this page may require additional software to view.

 Last Modified 1/12/24