Buttons list

The buttons list section allows you to create and customize a list of interactive buttons, either in a grid or carousel layout, with adjustable button styles, colors, and animations. This section can hold up to 12 buttons, and each button can have its own settings for text, links, images, and more.

Section settings

Settings	Type	Description
Title	text	Optional heading displayed above buttons.
Size	range	Controls the heading size.
Layout
Desktop layout	select	Choose between a static Grid or interactive Carousel layout.
Alignment	select	Aligns the section title: Left or Center.
Buttons per row on desktop	range	Sets number of buttons per row on desktop.
Buttons per row on mobile	select	Sets number of buttons per row on mobile: 1 or 2.
Button style
Font	select	Selects the text style: Heading, Body, Accent, or Button.
Style	select	Button shape options: Square, Rounded, or Pill.
Text size	range	Adjusts the size of button text.
Letter spacing	range	Controls spacing between letters.
Show arrow	checkbox	Displays an arrow icon next to the button text if enabled.
Colors
Button background	color	Sets the background color for all buttons.
Button text	color	Sets the default text color for buttons.
Button border	color	Sets the border color for buttons.
Section background	color	Sets the background color for the whole section.
Overlay gradient	color_background	Optional gradient overlay.
Text	color	Sets color for non-button text like the section title.
Mobile layout
Enable slider	checkbox	Enables a horizontal scrolling slider on mobile for better UX.
Animations
Enable animations	checkbox	Applies entrance animations to buttons.
Section spacing
Width	select	Choose between Full-width padded or standard Page width.
Padding top	range	Controls top spacing.
Padding bottom	range	Controls bottom spacing.