---
title: "Content Elements"
version: "main"
source: "Configuration/Settings/ContentElements.rst"
modified: "2026-09-14T15:00:59+00:00"
---

# Content Elements

The Content Elements set (`bootstrap-package/content-elements`) provides
settings for content element rendering, including templates, headers, lightbox,
media, and more.

-   **BootstrapPackage**

    -   *Label:* Bootstrap Package

    -   **BootstrapPackage.content-elements**

        -   *Label:* Content Elements

        -   **BootstrapPackage.content-elements.templates**

            -   *Label:* Templates

            -   **plugin.bootstrap_package_contentelements.view.layoutRootPath**

                -   *Type:* `string`
                -   *Default:* `"EXT:bootstrap_package/Resources/Private/Layouts/ContentElement/"`
                -   *Label:* Layout Root Path
                -   *Category:* Bootstrap Package > Content Elements > Templates

                Path to layouts

            -   **plugin.bootstrap_package_contentelements.view.partialRootPath**

                -   *Type:* `string`
                -   *Default:* `"EXT:bootstrap_package/Resources/Private/Partials/ContentElement/"`
                -   *Label:* Partial Root Path
                -   *Category:* Bootstrap Package > Content Elements > Templates

                Path to partials

            -   **plugin.bootstrap_package_contentelements.view.templateRootPath**

                -   *Type:* `string`
                -   *Default:* `"EXT:bootstrap_package/Resources/Private/Templates/ContentElement/"`
                -   *Label:* Template Root Path
                -   *Category:* Bootstrap Package > Content Elements > Templates

                Path to templates

        -   **BootstrapPackage.content-elements.header**

            -   *Label:* Header

            -   **plugin.bootstrap_package_contentelements.header.defaultHeaderType**

                -   *Type:* `number`
                -   *Default:* `2`
                -   *Label:* Default Header type
                -   *Category:* Bootstrap Package > Content Elements > Header

                Enter the number of the header layout to be used by default \[1-5\]

            -   **plugin.bootstrap_package_contentelements.header.class**

                -   *Type:* `string`
                -   *Default:* `"element-header"`
                -   *Label:* Default Header class
                -   *Category:* Bootstrap Package > Content Elements > Header

            -   **plugin.bootstrap_package_contentelements.header.date.format**

                -   *Type:* `string`
                -   *Default:* `"%B %e, %Y"`
                -   *Label:* Header date format
                -   *Category:* Bootstrap Package > Content Elements > Header

        -   **BootstrapPackage.content-elements.subheader**

            -   *Label:* Subheader

            -   **plugin.bootstrap_package_contentelements.subheader.class**

                -   *Type:* `string`
                -   *Default:* `"element-subheader"`
                -   *Label:* Default Subheader class
                -   *Category:* Bootstrap Package > Content Elements > Subheader

        -   **BootstrapPackage.content-elements.lightbox**

            -   *Label:* Lightbox

            -   **plugin.bootstrap_package_contentelements.lightbox.cssClass**

                -   *Type:* `string`
                -   *Default:* `"lightbox"`
                -   *Label:* CSS Class
                -   *Category:* Bootstrap Package > Content Elements > Lightbox

            -   **plugin.bootstrap_package_contentelements.lightbox.prefix**

                -   *Type:* `string`
                -   *Default:* `"lightbox-group"`
                -   *Label:* Group Prefix
                -   *Category:* Bootstrap Package > Content Elements > Lightbox

            -   **plugin.bootstrap_package_contentelements.lightbox.image.maxHeight**

                -   *Type:* `int`
                -   *Default:* `1200`
                -   *Label:* Max Image Hight
                -   *Category:* Bootstrap Package > Content Elements > Lightbox

            -   **plugin.bootstrap_package_contentelements.lightbox.image.maxWidth**

                -   *Type:* `int`
                -   *Default:* `1200`
                -   *Label:* Max Image Width
                -   *Category:* Bootstrap Package > Content Elements > Lightbox

        -   **BootstrapPackage.content-elements.media**

            -   *Label:* Media

            -   **plugin.bootstrap_package_contentelements.media.additionalConfig.autoplay**

                -   *Type:* `bool`
                -   *Default:* `false`
                -   *Label:* Autoplay
                -   *Category:* Bootstrap Package > Content Elements > Media

            -   **plugin.bootstrap_package_contentelements.media.additionalConfig.controls**

                -   *Type:* `bool`
                -   *Default:* `true`
                -   *Label:* Controls
                -   *Category:* Bootstrap Package > Content Elements > Media

            -   **plugin.bootstrap_package_contentelements.media.additionalConfig.loop**

                -   *Type:* `bool`
                -   *Default:* `false`
                -   *Label:* Loop
                -   *Category:* Bootstrap Package > Content Elements > Media

            -   **plugin.bootstrap_package_contentelements.media.additionalConfig.enablejsapi**

                -   *Type:* `bool`
                -   *Default:* `true`
                -   *Label:* Enable JavaScript API
                -   *Category:* Bootstrap Package > Content Elements > Media

            -   **plugin.bootstrap_package_contentelements.media.additionalConfig.showinfo**

                -   *Type:* `bool`
                -   *Default:* `false`
                -   *Label:* Show Info
                -   *Category:* Bootstrap Package > Content Elements > Media

            -   **plugin.bootstrap_package_contentelements.media.additionalConfig.relatedVideos**

                -   *Type:* `bool`
                -   *Default:* `false`
                -   *Label:* Related Videos
                -   *Category:* Bootstrap Package > Content Elements > Media

            -   **plugin.bootstrap_package_contentelements.media.additionalConfig.modestbranding**

                -   *Type:* `bool`
                -   *Default:* `false`
                -   *Label:* Modest Branding
                -   *Category:* Bootstrap Package > Content Elements > Media

            -   **plugin.bootstrap_package_contentelements.media.additionalConfig.nocookie**

                -   *Type:* `bool`
                -   *Default:* `true`
                -   *Label:* No Cookie
                -   *Category:* Bootstrap Package > Content Elements > Media

            -   **plugin.bootstrap_package_contentelements.media.additionalAttributes.referrerpolicy**

                -   *Type:* `string`
                -   *Default:* `"strict-origin-when-cross-origin"`
                -   *Label:* Referrer Policy
                -   *Category:* Bootstrap Package > Content Elements > Media

                Referrer policy handed to embedded online media, for example strict-origin-when-cross-origin or no-referrer. Empty leaves the referrer policy of the site in place.

        -   **BootstrapPackage.content-elements.gallery**

            -   *Label:* Gallery

            -   **plugin.bootstrap_package_contentelements.gallery.columns.1.class**

                -   *Type:* `string`
                -   *Default:* `"gallery-item-size-1"`
                -   *Label:* Item CSS Class for 1 column
                -   *Category:* Bootstrap Package > Content Elements > Gallery

            -   **plugin.bootstrap_package_contentelements.gallery.columns.2.class**

                -   *Type:* `string`
                -   *Default:* `"gallery-item-size-2"`
                -   *Label:* Item CSS Class for 2 columns
                -   *Category:* Bootstrap Package > Content Elements > Gallery

            -   **plugin.bootstrap_package_contentelements.gallery.columns.3.class**

                -   *Type:* `string`
                -   *Default:* `"gallery-item-size-3"`
                -   *Label:* Item CSS Class for 3 columns
                -   *Category:* Bootstrap Package > Content Elements > Gallery

            -   **plugin.bootstrap_package_contentelements.gallery.columns.4.class**

                -   *Type:* `string`
                -   *Default:* `"gallery-item-size-4"`
                -   *Label:* Item CSS Class for 4 columns
                -   *Category:* Bootstrap Package > Content Elements > Gallery

            -   **plugin.bootstrap_package_contentelements.gallery.columns.5.class**

                -   *Type:* `string`
                -   *Default:* `"gallery-item-size-5"`
                -   *Label:* Item CSS Class for 5 columns
                -   *Category:* Bootstrap Package > Content Elements > Gallery

            -   **plugin.bootstrap_package_contentelements.gallery.columns.6.class**

                -   *Type:* `string`
                -   *Default:* `"gallery-item-size-6"`
                -   *Label:* Item CSS Class for 6 columns
                -   *Category:* Bootstrap Package > Content Elements > Gallery

        -   **BootstrapPackage.content-elements.menu-thumbnail**

            -   *Label:* Menu Thumbnail

            -   **plugin.bootstrap_package_contentelements.menu_thumbnail.title.crop**

                -   *Type:* `int`
                -   *Default:* `100`
                -   *Label:* Crop Title
                -   *Category:* Bootstrap Package > Content Elements > Menu Thumbnail

            -   **plugin.bootstrap_package_contentelements.menu_thumbnail.subtitle.crop**

                -   *Type:* `int`
                -   *Default:* `100`
                -   *Label:* Crop Subtitle
                -   *Category:* Bootstrap Package > Content Elements > Menu Thumbnail

        -   **BootstrapPackage.content-elements.menu-card**

            -   *Label:* Menu Card

            -   **plugin.bootstrap_package_contentelements.menu_card.title.crop**

                -   *Type:* `int`
                -   *Default:* `100`
                -   *Label:* Crop Title
                -   *Category:* Bootstrap Package > Content Elements > Menu Card

            -   **plugin.bootstrap_package_contentelements.menu_card.subtitle.crop**

                -   *Type:* `int`
                -   *Default:* `100`
                -   *Label:* Crop Subtitle
                -   *Category:* Bootstrap Package > Content Elements > Menu Card

            -   **plugin.bootstrap_package_contentelements.menu_card.abstract.crop**

                -   *Type:* `int`
                -   *Default:* `250`
                -   *Label:* Crop Abstract
                -   *Category:* Bootstrap Package > Content Elements > Menu Card

            -   **plugin.bootstrap_package_contentelements.menu_card.icon.enable**

                -   *Type:* `bool`
                -   *Default:* `false`
                -   *Label:* Enable Icon
                -   *Category:* Bootstrap Package > Content Elements > Menu Card

            -   **plugin.bootstrap_package_contentelements.menu_card.icon.height**

                -   *Type:* `string`
                -   *Default:* `"32"`
                -   *Label:* Icon Height
                -   *Category:* Bootstrap Package > Content Elements > Menu Card

            -   **plugin.bootstrap_package_contentelements.menu_card.icon.width**

                -   *Type:* `string`
                -   *Default:* `"32c"`
                -   *Label:* Icon Width
                -   *Category:* Bootstrap Package > Content Elements > Menu Card

        -   **BootstrapPackage.content-elements.text-and-icon**

            -   *Label:* Text and Icon

            -   **plugin.bootstrap_package_contentelements.texticon.icon.default.height**

                -   *Type:* `string`
                -   *Default:* `"32"`
                -   *Label:* Default Icon Height
                -   *Category:* Bootstrap Package > Content Elements > Text and Icon

            -   **plugin.bootstrap_package_contentelements.texticon.icon.default.width**

                -   *Type:* `string`
                -   *Default:* `"32"`
                -   *Label:* Default Icon Width
                -   *Category:* Bootstrap Package > Content Elements > Text and Icon

            -   **plugin.bootstrap_package_contentelements.texticon.icon.medium.height**

                -   *Type:* `string`
                -   *Default:* `"48"`
                -   *Label:* Medium Icon Height
                -   *Category:* Bootstrap Package > Content Elements > Text and Icon

            -   **plugin.bootstrap_package_contentelements.texticon.icon.medium.width**

                -   *Type:* `string`
                -   *Default:* `"48"`
                -   *Label:* Medium Icon Width
                -   *Category:* Bootstrap Package > Content Elements > Text and Icon

            -   **plugin.bootstrap_package_contentelements.texticon.icon.large.height**

                -   *Type:* `string`
                -   *Default:* `"64"`
                -   *Label:* Large Icon Height
                -   *Category:* Bootstrap Package > Content Elements > Text and Icon

            -   **plugin.bootstrap_package_contentelements.texticon.icon.large.width**

                -   *Type:* `string`
                -   *Default:* `"64"`
                -   *Label:* Large Icon Width
                -   *Category:* Bootstrap Package > Content Elements > Text and Icon

            -   **plugin.bootstrap_package_contentelements.texticon.icon.awesome.height**

                -   *Type:* `string`
                -   *Default:* `"80"`
                -   *Label:* Awesome Icon Height
                -   *Category:* Bootstrap Package > Content Elements > Text and Icon

            -   **plugin.bootstrap_package_contentelements.texticon.icon.awesome.width**

                -   *Type:* `string`
                -   *Default:* `"80"`
                -   *Label:* Awesome Icon Width
                -   *Category:* Bootstrap Package > Content Elements > Text and Icon

        -   **BootstrapPackage.content-elements.timeline**

            -   *Label:* Timeline

            -   **plugin.bootstrap_package_contentelements.timeline.date.format**

                -   *Type:* `string`
                -   *Default:* `"%B %e, %Y - %H:%M"`
                -   *Label:* Date Format
                -   *Category:* Bootstrap Package > Content Elements > Timeline

        -   **BootstrapPackage.content-elements.uploads**

            -   *Label:* Uploads

            -   **plugin.bootstrap_package_contentelements.uploads.preview.height**

                -   *Type:* `string`
                -   *Default:* `"100c"`
                -   *Label:* Preview Height
                -   *Category:* Bootstrap Package > Content Elements > Uploads

            -   **plugin.bootstrap_package_contentelements.uploads.preview.width**

                -   *Type:* `string`
                -   *Default:* `"100c"`
                -   *Label:* Preview Width
                -   *Category:* Bootstrap Package > Content Elements > Uploads
