Heading
Settings
| Setting | ID | Type | Default | Description |
|---|---|---|---|---|
| Block class | class | text | mb-4 | |
| Heading | title | text | Heading | |
| Heading tag | title_tag | select | h2 | |
| Custom style | custom_style | checkbox | false | |
| Size (mobile) | title_size_mob | select | text-2xl | |
| Size (desktop) | title_size | select | text-3xl | |
| Color | title_color_mode | select | heading-text | |
| Custom color | title_color_custom | color_background | linear-gradient(to right, #111827, #6b7280) | Solid color or gradient. Shown when Color is set to Custom. |
| Alignment (desktop) | alignment | text_alignment | left | |
| Alignment (mobile) | alignment_mob | text_alignment | left | |
| Enable rotating keyword | enble_rotation | checkbox | false | |
| Keyword to replace | replaced_keyword | text | A word inside the heading that gets replaced by the rotating keywords. | |
| Keywords | rotation_keywords | html | Quality|#111827 Style|linear-gradient(136deg, rgba(10, 234, 237, 1) 11%, rgba(250, 13, 253, 1) 84%) Value|#6b7280 | |
| Rotation interval (seconds) | rotation_interval | range | 3 | |
| Digit rolling (number run effect) | rotation_digits | checkbox | false | Counts the number up from 0 to the heading value: fast at first, then easing to a stop. Colors are not changed. Keywords act as custom count-up steps (one number per line, colors ignored); leave Keywords empty to auto-generate the sequence. |
| Icon | icon | select | Pick an icon from the icons snippet, or leave it on None. | |
| Icon size | icon_size | range | 2 | |
| Icon color | icon_color | color | #000000 | |
| Icon layout | icon_layout | select | inline | |
| Icon side | icon_position | select | start | Which side of the heading the icon sits on. Applies to both Inline and Flex layouts. |
Option values
- Heading tag (
title_tag): H1 (h1), H2 (h2), H3 (h3), H4 (h4), H5 (h5), H6 (h6) - Size (mobile) (
title_size_mob): 3 Extra Small (text-3xs), 2 Extra Small (text-2xs), Extra Small (text-xs), Small (text-sm), Medium (text-base), Large (text-lg), Extra Large (text-xl), 2X Large (text-2xl), 3X Large (text-3xl), 4X Large (text-4xl), 5X Large (text-5xl), 6X Large (text-6xl), 7X Large (text-7xl), 8X Large (text-8xl), 9X Large (text-9xl) - Size (desktop) (
title_size): 3 Extra Small (text-3xs), 2 Extra Small (text-2xs), Extra Small (text-xs), Small (text-sm), Medium (text-base), Large (text-lg), Extra Large (text-xl), 2X Large (text-2xl), 3X Large (text-3xl), 4X Large (text-4xl), 5X Large (text-5xl), 6X Large (text-6xl), 7X Large (text-7xl), 8X Large (text-8xl), 9X Large (text-9xl) - Color (
title_color_mode): Primary (primary), Secondary (secondary), Success (success), Warning (warning), Danger (danger), Base text (base-text), Heading text (heading-text), Black (black), White (white), Gray 100 (gray-100), Gray 200 (gray-200), Gray 300 (gray-300), Gray 400 (gray-400), Gray 500 (gray-500), Gray 600 (gray-600), Gray 700 (gray-700), Gray 800 (gray-800), Gray 900 (gray-900), Random (random), Custom (custom) - Icon (
icon): None (``), 3D (3d), Account (account), Alert Circle (alert_circle), Alert Octagon (alert_octagon), Alert Triangle (alert_triangle), Arrow Right (arrow-right), At (at), Atom (atom), Award (award), Bag (bag), Basket (basket), Box (box), Briefcase (briefcase), Calculator (calculator), Calendar (calendar), Carambola (carambola), Cart (cart), Check (check), Check Circle (check_circle), Checkbox (checkbox), Chevron Down (chevron-down), Chevron Down (chevron_down), Chevron Down Circle (chevron_down_circle), Chevron Left (chevron_left), Chevron Left Circle (chevron_left_circle), Chevron Right (chevron_right), Chevron Right Circle (chevron_right_circle), Chevron Up (chevron_up), Chevron Up Circle (chevron_up_circle), Chrome (chrome), Circle (circle), Clock (clock), Close (close), Contact (contact), Credit Card (credit_card), Discount (discount), Dollar (dollar), Download (download), Edge (edge), Edit (edit), Email (email), Eye (eye), Feather (feather), Filter (filter), Fire (fire), Firefox (firefox), Gift (gift), Grid (grid), Headphones (headphones), Headset (headset), Heart (heart), Help (help), Home (home), Iron (iron), Leaf (leaf), List (list), List Details (list_details), Lock (lock), Lock Open (lock_open), Login (login), Logout (logout), Mail (mail), Mail Open (mail_open), Map Pin (map_pin), Menu (menu), Message Circle (message_circle), Minus (minus), Minus Circle (minus_circle), Minus Square (minus_square), Mobile (mobile), Movie (movie), Opera (opera), PDF (pdf), PDF File (pdf_file), Percent (percent), Phone (phone), Phone Call (phone_call), Photo (photo), Plane (plane), Play (play), Plus (plus), Plus Circle (plus_circle), Plus Square (plus_square), Point (point), Print (print), Progress Help (progress_help), Question Mark (question_mark), Return (return), Rosette (rosette), Rss (rss), Ruler (ruler), Safari (safari), Scissors (scissors), Search (search), Share (share), Shirt (shirt), Shoe (shoe), Star (star), Tag (tag), Tags (tags), Trash (trash), Truck (truck), User (user), Video (video), Wash (wash), Wash Gentle (wash_gentle), Wash Press (wash_press), Facebook (facebook), Twitter (twitter), X (x), Instagram (instagram), Linkedin (linkedin), Pinterest (pinterest), Tiktok (tiktok), Whatsapp (whatsapp), Youtube (youtube), Vimeo (vimeo), Tumblr (tumblr), Twitch (twitch), Threads (threads), Discord (discord), Mastodon (mastodon), Snapchat (snapchat), Spotify (spotify), Wechat (wechat), Meta (meta), Reddit (reddit) - Icon layout (
icon_layout): Inline (inline), Flex · top (flex-top), Flex · center (flex-center), Flex · bottom (flex-bottom) - Icon side (
icon_position): Before text (start), After text (end)
Presets
- Heading