Configuration
Basic configuration
Width
Field type: Select
Available values: • Container-Max-Width (Full-width-boxed) • 100% (Full-width)
Example value:
Container-Max-Width (Full-width-boxed)
Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Basic configuration"
Technical name:
twt-footer-width-columns-bottom
Padding top @Tablet/Desktop (≥768px)
Field type: Number field
Example value:
20
Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Basic configuration"
Technical name:
twt-footer-columns-bottom-padding-top
Padding right @Tablet/Desktop (≥768px)
Field type: Number field
Example value:
1
Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Basic configuration"
Technical name:
twt-footer-columns-bottom-padding-right
Padding bottom @Tablet/Desktop (≥768px)
Field type: Number field
Example value:
20
Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Basic configuration"
Technical name:
twt-footer-columns-bottom-padding-bottom
Padding left @Tablet/Desktop (≥768px)
Field type: Number field
Example value:
1
Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Basic configuration"
Technical name:
twt-footer-columns-bottom-padding-left
Column alignment
Field type: Select
Available values: • align center • space-between • space-around
Example value:
space-around
Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Basic configuration"
Technical name:
twt-footer-columns-bottom-justify-content
Colour configuration
Text colour
Field type: Color picker
Example value:
#333333
Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Colour configuration"
Technical name:
twt-footer-column-bottom-color
Link colour
Field type: Color picker
Example value:
#333333
Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Colour configuration"
Technical name:
twt-footer-column-bottom-link-color
Link color @hover
Field type: Color picker
Example value:
$sw-color-brand-primary
Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Colour configuration"
Technical name:
twt-footer-column-bottom-link-color-hover
Background colour
Field type: Color picker
Example value:
#eef2f5
Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Colour configuration"
Technical name:
twt-footer-columns-bottom-background-color
Text colour (Headline)
Field type: Color picker
Example value:
$sw-color-brand-primary
Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Colour configuration"
Technical name:
twt-footer-column-bottom-headline-color
Border colour (Headline)
Field type: Color picker
Example value:
$sw-color-brand-primary
Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Colour configuration"
Technical name:
twt-footer-column-bottom-headline-border-color
Background-image
Background image
Field type: Media selection
Example value: ``
Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Background-image"
Technical name:
twt-footer-lower-section-background-image
Show background image
Field type: Select
Available values: • don't show • show
Example value:
show
Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Background-image"
Technical name:
twt-footer-lower-section-background-image-show
Image size
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 "Footer" => Block "Lower section" => Section "Background-image"
Technical name:
twt-footer-lower-section-background-image-size
Position
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 "Footer" => Block "Lower section" => Section "Background-image"
Technical name:
twt-footer-lower-section-background-image-position
Repeat
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 "Footer" => Block "Lower section" => Section "Background-image"
Technical name:
twt-footer-lower-section-background-image-repeat
Attachment
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 "Footer" => Block "Lower section" => Section "Background-image"
Technical name:
twt-footer-lower-section-background-image-attachment
Typography
Text alignment
Field type: Select
Available values: • align left • align center • align right
Example value:
align center
Path to the configuration: Tab "Footer" => Block "Lower section" => Section "Typography"
Technical name:
twt-footer-column-bottom-text-align
Last updated
Was this helpful?