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.

---

Border radius (individual radius)

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

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

Colour configuration

---

Text colour (Input)

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

---

Border colour (Input)

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

---

Background colour (Input)

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

---

Icon colour (Button)

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

---

Icon colour (Button) @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-color-hover

---

Border colour (Button)

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

---

Border colour (Button) @hover

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

---

Background colour (Button)

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

---

Background colour (Button) @hover

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

Typography

---

Text alignment (Input)

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