Appearance Highlight important elements or bring some color to your pages

Card Appearance

These are a number of preset color schemes to highlight content. 

For each available color, there are two versions: one will only draw a border around the content element, the other will set a full color background.

You can also choose from a number of icons which will be shown in the upper right corner. Icons are are only available with defined, associated colors.

Last but not least, you can also choose a background image style.

Some of the styles are shown in the examples section at the bottom of this page.

Background Image

Use this field to add an image relation to get a background image for your content element.

Element CSS class

Theoretically, you could call custom CSS style classes for this content element, but you’d have to define them first which is not possible for normal users.

However, you can call existing classes by using the preset select box on the right of the input field.

The proposed class sidebar-hide-angle will hide the border on the right and the bottom of content elements displayed in the sidebar.

Visibility on mobile devices

Check this if your element should not appear on devices with less than 960 pixels viewport width.

This may be convenient to hide decorative elements on mobile devices to help the visitor focus on the main content.

Space before/after

Override the default top and bottom margins of the element.

The default value is the same as medium. The other values behave as follows: