Slideshow

The City home page slideshow has a dark opaque background and placed over the hero image. The width of the slideshow is 50% of the grid container.

By default, individual slides do not have padding. This works well for slides that only contain an image. To add padding, add a <div> wrapper with class l-margin-home-slide.

If the slideshow only has one slide, the bottom navigation bar will not be shown.

The only variation with this slideshow compared to the City Home Page one is the width.

Banner slideshows only contain linked or unlined images and can be placed on any page. The width of the slideshow can vary depending on the width of its cell container cell. The background is transparent.

Banner images within the same slideshow should have the same width and height so the size of the slideshow will remain constant.