Main viewer area

Last update: September 14, 2021

CREATED FOR:

The main view area is the area occupied by the carousel banner image. It is set to fit the available device screen when no size is specified.

CSS properties of the main viewer area

The appearance of the viewing area is controlled with the following CSS class selector:

.s7carouselviewer

CSS property	Description
width	The width of the viewer.
height	The height of the viewer.
background-color	Background color in hexadecimal format.

Example - to set up a viewer with a white background ( #FFFFFF) and make its size 1174 x 500 pixels.

.s7carouselviewer {
 background-color: #FFFFFF;
 width: 1174px;
 height: 500px;
}

recommendation-more-help