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


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


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?