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".
Layout type (Button)
Field type:
Select
Available values:
• attached
• integrated
Example value:attached
Path to the configuration:
Tab "Widgets" => Block "Newsletter" => Section "Basic configuration"
Technical name:twt-widget-newsletter-button-layout-type
attached
The button joins the input field on the right.
integrated
The button sits inside the input field, which runs on behind it. Its corners follow the configuration "Corner type".
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