All pages
Powered by GitBook
1 of 2

Loading...

Loading...

Upper section

Configuration

Basic configuration


Sizing mode

Field type: Select

Available values: • Container-Max-Width (Full-width Boxed) • 100% (Full-width)

Example value: 100% (Full-width)

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Basic configuration"

Technical name: twt-footer-width-columns-top

Select the sizing mode of the footer.


Field type: Number field

Example value: 0

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Basic configuration"

Technical name: twt-footer-upper-section-margin-bottom


Field type: Number field

Example value: 20

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Basic configuration"

Technical name: twt-footer-columns-top-padding-top


Field type: Number field

Example value: 1

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Basic configuration"

Technical name: twt-footer-columns-top-padding-right


Field type: Number field

Example value: 1

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Basic configuration"

Technical name: twt-footer-columns-top-padding-bottom


Field type: Number field

Example value: 1

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Basic configuration"

Technical name: twt-footer-columns-top-padding-left


Field type: Select

Available values: • align center • space-between • space-around

Example value: space-around

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Basic configuration"

Technical name: twt-footer-columns-top-justify-content


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Colour configuration"

Technical name: twt-footer-column-top-color


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Colour configuration"

Technical name: twt-footer-column-top-link-color


Field type: Color picker

Example value: #eeeeee

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Colour configuration"

Technical name: twt-footer-column-top-link-color-hover


Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Colour configuration"

Technical name: twt-footer-columns-top-background-color


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Colour configuration"

Technical name: twt-footer-column-top-headline-color


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Colour configuration"

Technical name: twt-footer-column-top-headline-border-color


Field type: Select

Available values: • don't show • show

Example value: show

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Background-image"

Technical name: twt-footer-upper-section-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 "Footer" => Block "Upper section" => Section "Background-image"

Technical name: twt-footer-upper-section-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 "Footer" => Block "Upper section" => Section "Background-image"

Technical name: twt-footer-upper-section-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 "Footer" => Block "Upper section" => Section "Background-image"

Technical name: twt-footer-upper-section-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 "Footer" => Block "Upper section" => Section "Background-image"

Technical name: twt-footer-upper-section-background-image-attachment


Field type: Media selection

Example value: ``

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Background-image"

Technical name: twt-footer-upper-section-background-image


Field type: Select

Available values: • align left • align center • align right

Example value: align center

Path to the configuration: Tab "Footer" => Block "Upper section" => Section "Typography"

Technical name: twt-footer-column-top-text-align

Margin bottom @Tablet/Desktop (≥768px)

Padding top @Tablet/Desktop (≥768px)

Padding right @Tablet/Desktop (≥768px)

Padding bottom @Tablet/Desktop (≥768px)

Padding left @Tablet/Desktop (≥768px)

Column alignment

Select the desired horizontal alignment.

left Items are positioned at the beginning of the container.

right Items are positioned at the end of the container.

center Items are positioned at the center of the container.

space-between Items are positioned with space between them.

space-around Items are positioned with space before, between, and after them.

Colour configuration

Text colour

Link colour

Link color @hover

Background colour

Text colour (Headline)

Border colour (Headline)

Background-image

Show background image

Image size

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.

Position

Repeat

Attachment

Scroll: The background image scrolls with the page.

Fixed: The background image stays fixed relative to the viewport.

Background image

Typography

Text alignment