Content Columns

Content

Content Columns page component has one mandatory content parameter:

• Content Columns - list of content columns.

Content Columns

List of content columns which can be built using Content Column Items. It needs a minimum of one and unlimited maximum number of Content Column Items.

Content Column Item

Content Column building element which has three content parameters:

• Title - the title of the Content Column Item which is displayed at the top of the content column.
• Rich Text - rich text description which is displayed at the bottom of the content column and can be bold, italic, underlined or a link.
• Picture - a Picture element which is displayed between the Title and the Description. Image supports a variety of media formats and image transparency. Also, it is very important to add a detailed image content description for the website to be accessible.

Also, it has two settings:

• Hide - hides the element in Content Column component.
• Content Column Color - sets the content column color and overwrites Content Column Color setting if present.

Settings

Content Columns page component has the following settings:

• Hide - hides the component.
• Content Scroll - places all the content columns in one row and makes the Content Columns container scrollable.
• Mobile Content Scroll - does the same as Content Scroll but active only on mobile devices (device width less than 992px).
• Content Horizontal Position - sets the Content Columns horizontal position on the page.
• Card Image Size - sets the content column image size.
• Card Image Type - sets the content column image shape type.
• Content Column Color - sets the content column color.

Content Scroll

Toggling this setting will place all the content columns in one row and make the Content Columns container scrollable.

This setting is very useful to prevent the page being too long when there are a lot of content columns on the page. The setting will only be active if there are at least 4 elements in the block.

Mobile Content Scroll

Does the same as Content Scroll but active only on mobile devices (device width less than 992px). The Content Columns will look the same on desktop and tablet devices with or without this toggle active.

This setting is very useful to prevent the page on mobile devices being too long when there are a lot of content columns on the page. It is recommended to always have this toggle on for content columns, however, the setting will only be active if there are at least 3 elements in the block.

Content Horizontal Position

Sets the Content Columns horizontal position on the page. Aligns only the row of content columns that don't fill the whole width of the layout column.

Card Image Size

Sets the content column image size. It is only recommended to use it when the image has transparency, otherwise, it won't look great on the content column.

Card Image Type

Sets the content column image shape type. By default the content column image is 3:2 image aspect ratio, this setting changes the form factor of the image. However, it is only recommended to use it when the image has transparency, otherwise, it won't look great on the cards.

This setting can be combined with the Card Image Size setting to display different size and shape content column Images.

Content Column Color

Sets the content column color.