Skip to content

Scrolling text

Add it to any template with Add section, under Text.

Settings

SettingWhat it doesDefault
MovementMenu

Options: Automatic, On scroll.

Automatic
DirectionMenu

Options: Right to left, Left to right.

Right to left
SpeedSlider

Higher is faster. On scroll, it sets how far the ribbon travels per screen.

From 1 to 10.

5
Pause on hoverCheckbox

Stops the motion while the pointer is over it.

Shown when Movement is Automatic.

On
Show pause buttonCheckbox

When off, motion pauses on hover or keyboard focus and stops for good once a shopper taps, swipes, or uses the arrows.

Shown when Movement is Automatic.

Off
Show a second rowCheckbox

Repeats the ribbon on a second row running the opposite way.

Off
TiltMenu

Options: None, Tilt up, Tilt down.

None

Items

SettingWhat it doesDefault
SeparatorMenu

Options: None, Dot, Slash, Paw, Star, Sparkle, Heart, Bone, Custom image.

Dot
Separator imageImage

Shown when Separator is Custom image.

None
GapMenu

Options: Small, Medium, Large.

Medium
LinkLink

Turns the whole ribbon into one link. Ignored when items carry their own links.

None
Link labelText

Screen-reader label for the ribbon link.

Shown when Link is set.

None

Typography

SettingWhat it doesDefault
FontMenu

Options: Heading, Body, Accent.

Heading
SizeMenu

Options: Extra small, Small, Medium, Large, Extra large.

Medium
WeightMenu

Options: Regular, Medium, Bold.

Medium
Text styleMenu

Outlined suits large text. Each item can override this.

Options: Filled, Outlined.

Filled
Use uppercaseCheckboxOff

Section style

SettingWhat it doesDefault
WidthMenu

Options: Contained, Full width.

Full width
ColorMenu

Options: Default, Muted, Primary, Accent, Custom.

Primary
BackgroundColor

Shown when Color is Custom.

None
Background gradientGradient

Shown when Color is Custom.

None
Text colorColor

Leave blank to auto-pick black or white for contrast.

Shown when Color is Custom.

None
Show dividersCheckboxOff
Vertical spacingMenu

Options: Theme default, None, Small, Medium, Large.

Small

Blocks

Item

SettingWhat it doesDefault
ContentMenu

Options: Text, Image.

Text
TextText

Shown when Content is Text.

Add a short message
Text styleMenu

Options: Same as section, Filled, Outlined.

Shown when Content is Text.

Same as section
ColorMenu

Options: Default, Primary, Accent, Muted.

Shown when Content is Text.

Default
ImageImage

Shown when Content is Image.

None
Image heightSlider

From 24px to 200px, in steps of 4px.

Shown when Content is Image.

72px
Image shapeMenu

Options: Adapt to image, Rounded, Circle.

Shown when Content is Image.

Rounded
LinkLink

Links this item only, and replaces the ribbon link.

None
Link labelText

Names the image link for screen readers.

Shown when Content is Image.

None

Setting names and defaults on this page match Pawsome 1.0.3, as they appear in the theme editor in English.