How to design the button and show useful file details below it
Each item includes Button Studio with a live preview. You can change the label, size, spacing, colours, icon, border, corner shape, shadow, hover effect and animation without writing CSS. Optional details can appear in a compact block below the button.
Build a clear button
- Open the item and scroll to Button Studio.
- Start with a solid, outline or minimal template, then change the button text to a clear action such as Download Map or Open Documentation.
- Adjust width, height, padding, typography, icon, colours, borders, corners, shadows and hover styling while watching the live preview.
- In Statistics & item details, enable only the details visitors need: download count, file size, version or published date.
- Set the details width, text alignment, compact grid or stacked layout, and the label and value font sizes.
- Save the item and check the real page on desktop and mobile.
