All pages
Powered by GitBook
1 of 2

Loading...

Loading...

Newsletter

This section contains configuration fields for the "Newsletter" widget.

"Newsletter" widget

Configuration

Basic configuration


Corner type

Field type: Select

Available values: • not rounded (default) • round corners • individual radius

Example value: not rounded (default)

Path to the configuration: Tab "Widgets" => Block "Newsletter" => Section "Basic configuration"

Technical name: twt-widget-newsletter-input-corner-type

rounded corners Uses the configuration "Border radius". ("Layout" > "Layout" > "Border radius")

round corners Uses a predefined radius for round corners.


Field type: Number field

Example value: 10

Path to the configuration: Tab "Widgets" => Block "Newsletter" => Section "Basic configuration"

Technical name: twt-widget-newsletter-input-border-radius


Field type: Color picker

Example value: #333333

Path to the configuration: Tab "Widgets" => Block "Newsletter" => Section "Colour configuration"

Technical name: twt-widget-newsletter-input-color


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Widgets" => Block "Newsletter" => Section "Colour configuration"

Technical name: twt-widget-newsletter-input-border-color


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Widgets" => Block "Newsletter" => Section "Colour configuration"

Technical name: twt-widget-newsletter-input-background-color


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Widgets" => Block "Newsletter" => Section "Colour configuration"

Technical name: twt-widget-newsletter-button-color


Field type: Color picker

Example value: #eeeeee

Path to the configuration: Tab "Widgets" => Block "Newsletter" => Section "Colour configuration"

Technical name: twt-widget-newsletter-button-color-hover


Field type: Color picker

Example value: #eeeeee

Path to the configuration: Tab "Widgets" => Block "Newsletter" => Section "Colour configuration"

Technical name: twt-widget-newsletter-button-border-color


Field type: Color picker

Example value: #ffffff

Path to the configuration: Tab "Widgets" => Block "Newsletter" => Section "Colour configuration"

Technical name: twt-widget-newsletter-button-border-color-hover


Field type: Color picker

Example value: #0e557b

Path to the configuration: Tab "Widgets" => Block "Newsletter" => Section "Colour configuration"

Technical name: twt-widget-newsletter-button-background-color


Field type: Color picker

Example value: $twt-color-brand-primary-dark

Path to the configuration: Tab "Widgets" => Block "Newsletter" => Section "Colour configuration"

Technical name: twt-widget-newsletter-button-background-color-hover


Field type: Select

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

Example value: align left

Path to the configuration: Tab "Widgets" => Block "Newsletter" => Section "Typography"

Technical name: twt-widget-newsletter-input-text-align

Border radius (individual radius)

Note: This configuration relates to the corner type "individual radius".

Colour configuration

Text colour (Input)

Border colour (Input)

Background colour (Input)

Icon colour (Button)

Icon colour (Button) @hover

Border colour (Button)

Border colour (Button) @hover

Background colour (Button)

Background colour (Button) @hover

Typography

Text alignment (Input)