Configuration

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