Available Custom Widgets

Monogram includes 24 custom Elementor widgets, all accessible under the jkd-widgets category in the Elementor editor. These widgets are provided by the JKD Theme Core Plugin.

#Widget Reference

Widget	Description	Key controls
Badge	Label or badge component	Style (default or outline), icon (SVG or image), text
Background Glow	Animated background glow effect	Colors, size, animation settings
Button	Call-to-action button	Text, link, style (accent, outline, dark, simple), size (sm, md, lg), icon with position, min-width, scroll-on-click with target selector
Categories List	Dynamic category navigation	Post type, taxonomy source, layout style
Contact Form 7	CF7 form integration	Form selection dropdown
Companies Grid	Client or partner logos grid	Logo images, columns, spacing
Counter	Animated number counter	Target number, prefix text, suffix text such as %, k or +
Dynamic Clock	Real-time clock display	12 or 24 hour format, seconds, timezone, timezone code (EST, CEST, GMT+2), separator with optional blink, date display, custom label
Experience Timeline	Career or work timeline	Timeline entries with dates, titles and descriptions
FAQ	FAQ accordion	Default category, items per page (1 to 20)
Globe	Decorative wireframe globe, no map data	Size, line color (per scheme), line thickness, vertical and horizontal line counts, rotation speed and direction, scroll acceleration, tilt angle, pause-on-hover, mobile rendering toggle, reveal animation
Google Map	Interactive map	Requires a Google Maps API key, dark theme style, custom markers
Logo Slider	Logo carousel	Logo images, speed, autoplay (Swiper-based)
Portfolio	Portfolio grid and layouts	Layout type (5 options), columns, item count, gaps, aspect ratio, pagination, category filters
Posts List	Blog posts list	Category filter, post count, layout style
Process Steps	Numbered process steps	Number of steps (up to 8), then label, title, title tag, subtitle, description, image, icon and button per step
References List	Reference links collection	URL, title and description per item
Reveal Media	Media reveal animation	Image, animation direction and timing
Service Grid	Services showcase grid	Service items with icons, titles and descriptions
Social List	Social links list	Platform name, URL and icon per item
Status Badge	Status indicator badge	Text, style and color
Testimonials	Single testimonial display	Author name, testimonial text, avatar, rating
Testimonials Grid	Multiple testimonials grid	Multiple entries, configurable columns
Ticker	Scrolling ticker text	Text items, scroll speed, direction

#Per-scheme text color

Elementor own Heading and Text Editor widgets gain a Color Scheme section under their Style tab. It holds one color for the dark scheme and another for the light one, so text stays readable when a visitor switches modes. Leave either field empty and that scheme follows the theme color. The Color Scheme article covers when to use this against setting the scheme on a whole container.

#Widget Use Case Examples

For detailed use case examples showing how to get the most out of key widgets like Portfolio, Posts List, Dynamic Clock, Experience Timeline, Testimonials Grid, and Globe, see the dedicated Widget Use Case Examples article in this section.

Last updated 6 Sep 2026