Under Common Options tab on each widget, you can apply Additional Classes. Apply your own or choose from this list of classes: Design UI/UX - Additional Classes "Utility Classes".
Image Modified
This example has these additional classes added:
- spacing-left-large
- This adds in spacing to the left of the element (green highlight below)
- spacing-right-large
- This adds in spacing to the right of the element (green highlight below)
- animated
- fadeIn
- A fade in effect on page load applied via animate.css
The combination creates many easy-to-configure effects such as the following:
Image Modified
Related help
Content by Label |
---|
showLabels | false |
---|
max | 510 |
---|
spaces | KB |
---|
showSpace | false |
---|
sort | modified |
---|
reverse | true |
---|
type | page |
---|
cql | label = "widget" and type = "page" and space = "KB" and title ~ "'what is a widget'" |
---|
labels | how-to cms banners |
---|
|
Content by Label |
---|
showLabels | false |
---|
max | 10 |
---|
spaces | KB |
---|
showSpace | false |
---|
sort | modified |
---|
reverse | true |
---|
type | page |
---|
excludeCurrent | true |
---|
cql | label = "widget-custom" and type = "page" and space = "KB" |
---|
labels | how-to cms banners |
---|
|
Content by Label |
---|
showLabels | false |
---|
max | 10 |
---|
spaces | KB |
---|
showSpace | false |
---|
sort | modified |
---|
reverse | true |
---|
title | Site Design |
---|
type | page |
---|
cql | label = "site-design" and type = "page" and space = "KB" |
---|
labels | how-to cms banners |
---|
|