0

Narrivelle

Buttons and fields

Set global CTA and form-control appearance.

Theme settings

Keep actions and forms clear

Open Theme settings → Buttons. The same area includes controls for buttons and standard form fields used throughout the theme.

Narrivelle Theme Editor Buttons and form fields settings.
Theme settings → Buttons. This panel contains both Button CTA and Form fields controls.

Button CTA

Set button background, text, hover background, font, text size, letter spacing, height, horizontal padding, border width, and corner radius. Check primary and secondary actions with long labels.

Form fields

Set field height, border width, and corner radius to match the button system. Review search, newsletter, quantity, contact, and cart-note inputs with keyboard focus visible.

Accessibility review

Preserve a strong contrast difference between text, control surface, and surrounding background. Check hover, keyboard focus, disabled, and error-related states; a colour-only distinction is not enough for important information.

Settings reference

Use this reference while working in the Theme Editor. Setting names match the Narrivelle controls.

Theme Editor settingWhat it controlsUse and review
Button CTA: colorsSets button background, text, and hover background.Check contrast in default, hover, focus, and disabled contexts.
Button CTA: font, text size, letter spacing, height, paddingSets button typography and physical size.Test long labels and touch targets at Compact width.
Button CTA: border width / Corner radiusSets button outline and corner geometry.Use values that match field geometry and the overall brand system.
Form fields: Field height / Border width / Corner radiusSets baseline form-control dimensions.Review search, newsletter, contact, quantity, cart note, keyboard focus, and errors.
0
Back to Top

Search For Products

Product has been added to your cart
Compare (0)