Field type: Select
Available values: • Full-width • Full-width Boxed • Boxed
Example value:
Full-width Boxed
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Basic configuration"
Technical name:
twt-container-layout
Select the sizing mode of the container.
Field type: Number field
Example value:
2
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Basic configuration"
Technical name:
twt-border-radius
Field type: Media selection
Example value: ``
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Background-image"
Technical name:
twt-background-image
Field type: Select
Available values: • don't show • show
Example value:
show
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Background-image"
Technical name:
twt-background-image-show
Field type: Select
Available values: • Initial size (auto) • Cover background completely (cover) • Cover background completely (contain)
Example value:
Initial size (auto)
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Background-image"
Technical name:
twt-background-image-size
Field type: Select
Available values: • left, top • left, center • left, bottom • right, top • right, center • right, bottom • center, top • center, center • center, bottom
Example value:
left, top
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Background-image"
Technical name:
twt-background-image-position
Field type: Select
Available values: • No repeat (no-repeat) • Horizontal and vertical (repeat) • Horizontal (repeat-x) • Vertical (repeat-y)
Example value:
Horizontal and vertical (repeat)
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Background-image"
Technical name:
twt-background-image-repeat
Field type: Select
Available values: • Background image scrolls with the page (scroll) • Background image stays fixed (fixed)
Example value:
Background image stays fixed (fixed)
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Background-image"
Technical name:
twt-background-image-attachment
Field type: Number field
Example value:
1400
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Container"
Technical name:
twt-container-max-width
Field type: Number field
Example value:
10
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Container"
Technical name:
twt-container-padding-left-right
Field type: Number field
Example value:
30
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Container (Basic layout "boxed")"
Technical name:
twt-container-layout-margin-top-bottom
Field type: Text field
Example value:
0 0 30px
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Container (Basic layout "boxed")"
Technical name:
twt-container-layout-box-shadow
Field type: Color picker
Example value:
rgba(0, 0, 0, 0.3)
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Container (Basic layout "boxed")"
Technical name:
twt-container-layout-box-shadow-color
Field type: Number field
Example value:
20
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Container (Non-CMS pages)"
Technical name:
twt-container-main-margin-top
Field type: Number field
Example value:
20
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Container (Non-CMS pages)"
Technical name:
twt-container-main-margin-bottom
Field type: Number field
Example value:
8
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Container (Non-CMS pages)"
Technical name:
twt-container-main-padding-phone-xs
Field type: Number field
Example value:
15
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Container (Non-CMS pages)"
Technical name:
twt-container-main-padding-phone
Field type: Number field
Example value:
20
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Container (Non-CMS pages)"
Technical name:
twt-container-main-padding-tablet
Field type: Number field
Example value:
30
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Container (Non-CMS pages)"
Technical name:
twt-container-main-padding
Field type: Color picker
Example value:
#eeeeee
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Container (Non-CMS pages)"
Technical name:
twt-container-main-border-color
Field type: Color picker
Example value:
#ffffff
Path to the configuration: Tab "Layout" => Block "Layout" => Section "Container (Non-CMS pages)"
Technical name:
twt-container-main-background-color
auto The auto keyword scales the background image in the appropriate direction to maintain the initial aspect ratio.
cover The image is sized to maintain its aspect ratio while filling the element's entire content box.
contain The image is sized to maintain its aspect ratio while fitting within the element's content box.
Scroll: The background image scrolls with the page.
Fixed: The background image stays fixed relative to the viewport.
Set the outer spacing (left and right) of the main container on non-CMS pages.
default: 20
Just until "Container" > "Maximum width" reached.
Set the margin top of the main container on non-CMS pages.
Set the margin bottom of the main container on non-CMS pages.
Set the padding in the main container on non-CMS pages.
Set the padding in the main container on non-CMS pages.
Set the padding in the main container on non-CMS pages.
Set the padding in the main container on non-CMS pages.
Select the border colour of the main container on non-CMS pages.
Select the background colour of the main container on non-CMS pages.