# 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`

{% hint style="info" %}
**rounded corners**\
Uses the configuration "Border radius". ("Layout" > "Layout" > "Border radius")

**round corners**\
Uses a predefined radius for round corners.
{% endhint %}

***

### 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`