↑ ↓↵Esc
Get a free quote
iVishwa

Home Themes Acanthus Help center Brand and design Buttons, corners, layout and motion

Brand and design

Buttons, corners, layout and motion

Shape the feel of your shop: button style and shape, corner rounding, page width and spacing, and how much things move.

Intermediate6 min readUpdated Acanthus 1.0.0

These settings change the feel of the whole shop at once. All of them are in Theme settings.

Buttons and corners

In Theme settings > Corners:

SettingChoices
Button stylePlain, or Wipe, which fills the button from both ends on hover
Button shapeUse the corner radius, or Pill for fully rounded ends
Button corner radius0 px (square) to 40 px
Media corner radiusRounding of pictures and films, 0 to 40 px
Input corner radiusRounding of form fields, 0 to 24 px

Layout

In Theme settings > Layout: Page width (Narrow or Wide), Page margin (the space at the sides, 24 px to start) and Spacing scale, which makes the space inside and between every section larger or smaller together.

Motion

WhereSettingWhat it does
AnimationsReveal sections on scrollSections rise gently into place as they arrive
AnimationsScroll reveal intensitySubtle, Balanced or Dramatic
AnimationsHover effectCards and buttons lift on hover: None, Vertical lift or 3D lift
AnimationsZoom images on hoverProduct pictures ease in slightly
AnimationsPictures while scrollingPictures open like a curtain and drift as you scroll
AnimationsMagnetic buttonsButtons lean gently toward the pointer
AnimationsSmooth mouse wheelA mouse wheel glides instead of stepping
AnimationsReading progress lineA thin line at the top fills as the page is read
Pixie dust animationsEnable button hover pixie dust animationA few sparkles around a button on hover, in two colors you choose
MotionSpeedQuick, Measured or Slow for every movement
Visitors who prefer less motion

Many people turn on "reduce motion" on their phone or computer because movement makes them unwell. Acanthus respects it everywhere: sections appear without movement, films do not play on their own, and parallax, sparkles and magnetic buttons are off. You do not need to do anything.

The page feels too busy.

Set Scroll reveal intensity to Subtle, Hover effect to None, and turn off Pictures while scrolling and the pixie dust. Most luxury brands look best with very little movement.

Buttons look different from the demo.

Check Button style, Button shape and Button corner radius. Changing Theme style resets them to the new style's.

Still need help?Write to us with your shop's address and a screenshot. We reply within two business days, Monday to Friday, usually sooner.

Contact support