Buttons list
Last updated
Last updated
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.
Title and size: Set a custom title for the buttons list and adjust the heading size.
Layout: Choose between a ‘grid’ or ‘carousel’ layout for the buttons, select the alignment, set the number of buttons per row on desktop, and choose whether to display 1 or 2 buttons per row on mobile.
Button style: Choose a font style for the buttons, select the button shape, adjust the text size, modify the letter spacing, and toggle the display of an arrow icon on the buttons.
Colors: Set the button background, text, and border colors, define the section's background color, add a gradient overlay for visual effect, and choose the text color for the section.
Mobile layout: Toggle to enable a horizontal slider for the buttons on mobile devices.
Animations: Toggle to enable or disable animations for the buttons list.
Text: Define the label text for each button.
Link: Set the URL to which the button will link.
Image: Upload an image to be displayed on the button.
Overlay opacity: Adjust the opacity of the overlay image from 0% to 100%.
Color overrides: Customize button colors individually by setting the text color, background color, and border color for each button.