Truly fine
Documentation.
How to set up the dynamic stats section
Last update:
The Dynamic Stats section displays key performance metrics in a modern and customizable format.
Section settings
Heading: Set a title for this section. This is optional.
Subheading: Set a subtitle for this section. This is optional.
Heading alignment: Select the alignment for the heading and subheading. Options: Left, Center, Right.
Layout
Section width: Adjust whether this section should span the full width of the page (100%) or be contained within a limited layout. Applies on desktop. On mobile, the section spans the entire width of the screen.
Section inner max width (px): Set the maximum width of the content inside this section in pixels.
Section left/right gutter: Adjust the left and right spacing of the section relative to the viewport edge on narrow screens.
Vertical inner spacing: Adjust the spacing between the content and the top/bottom edges of this section in pixels.
Vertical outer spacing: Adjust the space between this section and the sections above and below it in pixels.
Items per row: Adjust the number of cards displayed in a single row.
Columns gap: Select the gap size between columns. Options: Extra Small, Small, Medium, Large, Extra Large, Extra Extra Large.
Last row alignment: Select the alignment for the last row if it contains fewer cards than the other rows. Options: Start, Center.
Stack on mobile: Choose whether to stack cards vertically on mobile devices to improve responsiveness.
Styles
Text 1 size: Select the size for the first text element in all dynamic stat cards. Options: Extra Small, Small, Medium, Large, Extra Large.
Text 2 size: Select the size for the second text element in all dynamic stat cards. Options: Extra Small, Small, Medium, Large, Extra Large.
Font scale: Adjust the text scaling for all dynamic stat cards, proportionally affecting both Text 1 and Text 2.
Section heading color: Choose the color of the section heading.
Section subheading color: Choose the color of the section subheading.
Section background color: Choose the background color for the entire dynamic stats section.
Text 1 color: Choose the color for the first text element.
Enable text 1 fade out: Choose whether to apply a fade-out effect to Text 1.
Text 2 color: Choose the color for the second text element.
Card background color: Choose the background color for the dynamic stat card.
Card border color: Choose the color of the border for the dynamic stat card.
Card border radius: Adjust the roundness of the dynamic stat card’s corners.
Card border thickness: Adjust the thickness of the border around each dynamic stat card.
Dynamic stat
Text 1: The primary text displayed in each dynamic stat.
Text 2: The secondary text that accompanies the primary text in each dynamic stat.
Can't find what you are looking for? Feel free to submit a request.