The Title Style and Description Style settings allow you to fully customize the appearance and spacing of text elements within the grid items. You can adjust alignment, colors, typography, and text shadows to match your design. Additionally, each section includes a Spacing option that specifically controls the bottom spacing of the element, helping you maintain consistent and visually balanced gaps between the title, description, and surrounding content.
Title Style #
| Control | Description |
|---|---|
| Title Alignment | Align the title text to the left, center, or right. |
| Title Color | Set the default color of the title text. |
| Title Hover Color | Choose a color for the title text when hovered over. |
| Typography | Adjust font family, size, weight, letter spacing, and other typographic properties. |
| Text Shadow | Apply a shadow effect to the title text for emphasis or contrast. |
| Title Spacing | Controls the bottom spacing of the title, adding space between the title and the element that follows it. |
Description Style #
| Control | Description |
|---|---|
| Description Alignment | Align the description text to the left, center, or right. |
| Description Color | Set the default color of the description text. |
| Typography | Adjust font family, size, weight, letter spacing, and other typographic properties. |
| Text Shadow | Apply a shadow effect to the description text for emphasis or contrast. |
| Description Spacing | Controls the bottom spacing of the description, adding space between the description and the element that follows it. |
