Basic configuration
Corner type
Field type:
Select
Available values:
• not rounded
• rounded corners (default)
• round corners
Example value:rounded corners (default)
Path to the configuration:
Tab "Content" => Block "Scroll up button" => Section "Basic configuration"
Technical name:twt-scroll-up-corner-type
rounded corners
Uses the configuration "Border radius". ("Layout" > "Layout" > "Border radius")
round corners
Uses a predefined radius for round corners.
Drop shadow
Field type:
Text field
Example value:1px 2px 6px
Path to the configuration:
Tab "Content" => Block "Scroll up button" => Section "Basic configuration"
Technical name:twt-scroll-up-box-shadow
Shadow colour
Field type:
Color picker
Example value:rgba(0, 0, 0, 0.3)
Path to the configuration:
Tab "Content" => Block "Scroll up button" => Section "Basic configuration"
Technical name:twt-scroll-up-box-shadow-color
Colour configuration
Icon colour
Field type:
Color picker
Example value:#ffffff
Path to the configuration:
Tab "Content" => Block "Scroll up button" => Section "Colour configuration"
Technical name:twt-scroll-up-color
Border colour
Field type:
Color picker
Example value:$sw-color-brand-primary
Path to the configuration:
Tab "Content" => Block "Scroll up button" => Section "Colour configuration"
Technical name:twt-scroll-up-border-color
Background colour
Field type:
Color picker
Example value:$sw-color-brand-primary
Path to the configuration:
Tab "Content" => Block "Scroll up button" => Section "Colour configuration"
Technical name:twt-scroll-up-background-color
Icon colour @hover
Field type:
Color picker
Example value:#ffffff
Path to the configuration:
Tab "Content" => Block "Scroll up button" => Section "Colour configuration"
Technical name:twt-scroll-up-color-hover
Border colour @hover
Field type:
Color picker
Example value:$sw-color-brand-primary
Path to the configuration:
Tab "Content" => Block "Scroll up button" => Section "Colour configuration"
Technical name:twt-scroll-up-border-color-hover
Background colour @hover
Field type:
Color picker
Example value:$sw-color-brand-primary
Path to the configuration:
Tab "Content" => Block "Scroll up button" => Section "Colour configuration"
Technical name:twt-scroll-up-background-color-hover