VITEC Custom Components Section Heading Section Subline Background Variant None Orange Blue Graphite Midnight VITEC · Two Columns (50 / 50) Two equal columns VITEC · Three Columns (33 / 33 / 33) Three equal columns VITEC · Four Columns (25 / 25 / 25 / 25) Four equal columns VITEC · Two Columns (66 / 33) Wide main column + narrow sidebar VITEC · Two Columns (33 / 66) Narrow sidebar + wide main column VITEC · Container Generic container for other content elements with a custom CSS class Content Container Settings Container Settings CSS Class Custom CSS class that is rendered on the container in the frontend. Column 1 Column 2 Column 3 Column 4 Main (66%) Sidebar (33%) VITEC · Cards Carousel Horizontal carousel/slider. Place VITEC Card elements (or other content) inside; arrows, dots, autoplay and slides-per-view are configurable. Slides Carousel Settings Align flex-start center flex-end stretch Justify flex-start center space-between space-around space-evenly Grid Gap 1 2 3 4 5 Background Image Background Image Optional image behind the whole container. Leave empty for no background image. Background Size Cover (fill, may crop) Contain (fit, may letterbox) Stretch (distorts the image) Auto (original size) Custom (use Size % below) Size % Only used when Background Size is set to Custom. 100 = original width, 50 = half, 200 = double. Background Position Top Left Top Center Top Right Center Left Centered Center Right Bottom Left Bottom Center Bottom Right Custom (use the offsets below) Top % Bottom % Left % Right % Distance from that edge, in percent. Leave empty to centre on this axis. Values below 0 and above 100 are allowed and push the image beyond the edge. Filling both ends of an axis is contradictory - the near edge wins (left over right, top over bottom).