Media · Elementor
Advanced Image Gallery widget for Elementor
A gallery of images and optional videos from the Media Library or a manual list, with lightbox.
Get King Addons
This page describes the PHP/JS for this widget — not a renamed stub. Install the free plugin from WordPress.org.
What it actually does
A gallery of images and optional videos from the Media Library or a manual list, with lightbox.
render() writes HTML data attributes: data-brackets, data-e-disable-page-transition, data-filter, data-html, data-kng-video-url, data-parent, data-poster, data-role.
Content is loaded with WP_Query in PHP (not a hardcoded list in the editor).
get_script_depends() enqueues: lightgallery-lightgallery.
Some inspector controls are marked Pro in PHP (eicon-pro-icon / king-addons-pro-control). Those need King Addons Pro, not Elementor Pro.
How to add it in Elementor
- Install King Addons. Install Elementor and King Addons. Get King Addons from WordPress.org.
- Edit with Elementor. Open a page and click Edit with Elementor.
- Insert the widget. Search the panel for “Advanced Image Gallery”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Selection”, “Order By”, “Order”, “Authors”. Style and Content tabs are listed on this page.
- Preview the published page. render() writes HTML data attributes: data-brackets, data-e-disable-page-transition, data-filter, data-html, data-kng-video-url, data-parent, data-poster, data-role.
When to use it
- A project gallery.
- A mixed photo and video grid.
- A client proofing set.
Tip: After King Addons is active, type king in the Elementor search box to list every widget, including Advanced Image Gallery.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| Query — Selection | The chosen value is read in render() and applied on the front end. Options: Auto; Manual. |
| Query — Order By | Options: Date; Title (Pro); Last Modified (Pro); Post ID (Pro); Post Author (Pro); Comment Count (Pro). |
| Query — Order | Options: Ascending; Descending. |
| Query — Authors | Ajax Select2: options load from a King Addons admin-ajax endpoint. |
| Query — Exclude Images | Ajax Select2: options load from a King Addons admin-ajax endpoint. |
| Query — Add Images (Legacy) | Used only when "Add Images & Videos" is empty. Prefer the repeater below for images and videos together. |
| Add Images & Videos — Media Type | Options: Image; Video. |
| Add Images & Videos — Image | For videos, this image is used as the cover/poster in the gallery. |
| Add Images & Videos — Video File | Media Library attachment(s); render() uses the URL/ID as the image source. |
| Query — Add Images & Videos | Repeater rows; render() loops each item to build the list or slides. |
| Query — Include Videos | Include video files from the Media Library in the Auto selection. |
| Query — Items Per Page | WP_Query `posts_per_page` — how many posts are fetched (default 10, min 0). |
| Query — Offset | Numeric value used in this widget’s render/JS (default 0, min 0). |
| Query — Not Found Text | Text inspector control (`query_not_found_text`). |
| Query — Randomize Query (Pro) | Switcher inspector control (`query_randomize`). |
| Layout — Select Layout | Options: FitRows - Equal Height; Masonry - Unlimited Height; Slider / Carousel. |
| Layout — Media Height | Writes CSS `height` onto the widget’s front-end markup. (min 50, max 800). |
| Layout — Image Fit | Writes CSS `object-fit` onto the widget’s front-end markup. Options: Cover; Contain. |
| Layout — Image Fit Position | Writes CSS `object-position` onto the widget’s front-end markup. Options: Center; Top; Bottom; Left; Right. |
| Layout — Image Size | Elementor image-size group (thumbnail, medium, large, full, custom). |
| Layout — Columns | Options: One; Two; Three; Four; Five (Pro); Six (Pro); Seven (Pro); Eight (Pro). |
| Layout — Horizontal Gutter | Spacing/size control (min 0, max 150). |
| Layout — Vertical Gutter | Spacing/size control (min 0, max 150). |
| Layout — Show Filters | Switcher inspector control (`layout_filters`). |
| Layout — Show Pagination | Please note that Pagination doesn't work in editor. |
| Layout — Select Animation | Options: Default; Zoom; Fade (Pro); Fade + SlideUp (Pro). |
| Layout — Animation Duration | Numeric control (default 0.3, min 0, max 5). |
| Layout — Animation Delay | Numeric control (default 0.1, min 0, max 5). |
| Layout — Columns (Carousel) | Options: One; Two; Three (Pro); Four (Pro); Five (Pro); Six (Pro). |
| Layout — Rows (Carousel) (Pro) | Options: One; Two (Pro); Three (Pro). |
| Layout — Slides to Scroll | Numeric control (default 2, min 1, max 10). |
| Layout — Gutter | Writes CSS (margin-left, margin-bottom) onto the widget’s front-end markup. (min 0, max 50). |
| Layout — Navigation | Switcher inspector control (`layout_slider_nav`). |
| Layout — Show on Hover (Pro) | Switcher inspector control (`layout_slider_nav_hover`). |
| Layout — Select Icon | Options: Angle; Angle Double; Arrow; Arrow Circle; Arrow Circle Alt; Long Arrow; Chevron. |
| Layout — Pagination | Switcher inspector control (`layout_slider_dots`). |
| Layout — Pagination Layout | Options: Horizontal; Vertical (Pro). |
| Layout — Infinite Loop | Switcher inspector control (`layout_slider_loop`). |
| Layout — Effect | Options: Slide; Fade. |
| Layout — Effect Duration | Numeric control (default 0.7, min 0, max 5). |
| Grid Elements — Select Element | The chosen value is read in render() and applied on the front end. |
| Grid Elements — Location | Options: Above Media; Over Media; Below Media. |
| Grid Elements — Display | Options: Inline; Seperate Line; Custom Width. |
| Grid Elements — Element Width | Writes CSS `width` onto the widget’s front-end markup. (min 0, max 100). |
| Grid Elements — Vertical Align | Options: Top; Middle; Bottom. |
| Grid Elements — Horizontal Align | Writes CSS `text-align` onto the widget’s front-end markup. Options: Left; Center; Right. |
| Grid Elements — Title HTML Tag | The chosen value is read in render() and applied on the front end. Options: H1; H2; H3; H4; H5; H6; div; span…. |
| Grid Elements — Enable Drop Cap | Switcher inspector control (`element_dropcap`). |
| Grid Elements — Word Count | Word count passed to WordPress excerpt trimming for each card (default 20, min 1). |
| Grid Elements — Show Avatar | Switcher inspector control (`element_show_avatar`). |
| Grid Elements — Avatar Size | Numeric control (default 32, min 8). |
| Grid Elements — Separator | Printed in the widget HTML from render(). |
| Grid Elements — Select Styling | The chosen value is read in render() and applied on the front end. Options: Taxonomy Style 1; Taxonomy Style 2. |
| Grid Elements — Media Overlay | Switcher inspector control (`element_lightbox_overlay`). |
| Grid Elements — Select Styling (Element Separator Style) | Options: Separator Style 1; Separator Style 2. |
| Grid Elements — Extra Text Display | The chosen value is read in render() and applied on the front end. Options: None; Before Element; After Element. |
| Grid Elements — Extra Text | Printed in the widget HTML from render(). |
| Grid Elements — Extra Icon Position | The chosen value is read in render() and applied on the front end. Options: None; Before Element; After Element. |
| Grid Elements — Select Icon | Icon rendered with Elementor Icons_Manager in this widget’s HTML. |
| Grid Elements — Select Animation | Animation picker; the chosen effect is applied on the front end. |
| Grid Elements — Animation Duration | Writes CSS `transition-duration` onto the widget’s front-end markup. (default 0.3, min 0, max 5). |
| Grid Elements — Animation Delay | Writes CSS (king-addons-animation-wrap, transition-delay) onto the widget’s front-end markup. (default 0, min 0, max 5). |
| Grid Elements — Animation Timing | Select inspector control (`element_animation_timing`). |
| Grid Elements — Animation Size | Options: Small; Medium; Large. |
| Grid Elements — Animation Transparency | Switcher inspector control (`element_animation_tr`). |
| Grid Elements — Disable Link | When this switch is on, render() outputs the excerpt produced by wp_trim_words(). |
| Grid Elements — Show on this Device | Switcher inspector control (`element_show_on`). |
| Elements — Grid Elements | Repeater rows; render() loops each item to build the list or slides. |
| Media Overlay — Overlay Width | Writes CSS (width, top, left, bottom, right) onto the widget’s front-end markup. (min 0, max 100). |
| Media Overlay — Overlay Height | Writes CSS (height, top, left, bottom, right) onto the widget’s front-end markup. (min 0, max 100). |
| Media Overlay — Select Animation | Animation picker; the chosen effect is applied on the front end. |
| Media Overlay — Animation Duration | Writes CSS `transition-duration` onto the widget’s front-end markup. (default 0.3, min 0, max 5). |
| Media Overlay — Animation Delay | Writes CSS (king-addons-animation-wrap, transition-delay) onto the widget’s front-end markup. (default 0, min 0, max 5). |
| Media Overlay — Animation Timing | Select inspector control (`overlay_animation_timing`). |
| Media Overlay — Animation Size | Options: Small; Medium; Large. |
| Media Overlay — Animation Transparency | Switcher inspector control (`overlay_animation_tr`). |
| Image Effects — Select Effect | Options: None; Zoom In (Pro); Zoom Out (Pro); Grayscale In; Grayscale Out (Pro); Blur In; Blur Out (Pro); Slide. |
| Image Effects — Animation Duration | Writes CSS `transition-duration` onto the widget’s front-end markup. (default 0.3, min 0, max 5). |
| Image Effects — Animation Delay | Writes CSS (king-addons-grid-media-wrap, transition-delay) onto the widget’s front-end markup. (default 0, min 0, max 5). |
| Image Effects — Animation Timing | Selects the value used for the featured image. |
| Image Effects — Animation Size | Options: Small; Medium; Large. |
| Image Effects — Animation Direction | Options: Top; Right; Bottom; Left. |
| Lightbox Popup — Autoplay Slides | Switcher inspector control (`lightbox_popup_autoplay`). |
| Lightbox Popup — Show Progress Bar | Switcher inspector control (`lightbox_popup_progressbar`). |
| Lightbox Popup — Autoplay Speed | Numeric control (default 5, min 1, max 10). |
| Lightbox Popup — Show Counter | Switcher inspector control (`lightbox_popup_counter`). |
| Lightbox Popup — Show Arrows | Switcher inspector control (`lightbox_popup_arrows`). |
| Lightbox Popup — Show Captions | Switcher inspector control (`lightbox_popup_captions`). |
| Lightbox Popup — Video Play Icon | Icon rendered with Elementor Icons_Manager in this widget’s HTML. |
| Lightbox Popup — Show Thumbnails (Pro) | Switcher inspector control (`lightbox_popup_thumbnails`). |
| Lightbox Popup — Show Thumbnails by Default (Pro) | Switcher inspector control (`lightbox_popup_thumbnails_default`). |
| Lightbox Popup — Show Sharing Button (Pro) | Switcher inspector control (`lightbox_popup_sharing`). |
| Lightbox Popup — Show Zoom Button | Switcher inspector control (`lightbox_popup_zoom`). |
| Lightbox Popup — Show Full Screen Button | Switcher inspector control (`lightbox_popup_fullscreen`). |
| Lightbox Popup — Show Download Button | Switcher inspector control (`lightbox_popup_download`). |
| Filters — Select Taxonomy | If it is empty, add a taxonomy for media in the WordPress dashboard using Media Library Assistant or any CPT manager plugin. |
| Filters — Set Linkable Filters | Switcher inspector control (`filters_linkable`). |
| Filters — Hide Empty Filters | Switcher inspector control (`filters_hide_empty`). |
| Filters — Enable Deep Linking (Pro) | Switcher inspector control (`filters_deeplinking`). |
| Filters — Show "All" Filter | Switcher inspector control (`filters_all`). |
| Filters — "All" Filter Text | Text inspector control (`filters_all_text`). |
| Filters — Show Count (Pro) | Switcher inspector control (`filters_count`). |
| Filters — Separator | Text inspector control (`filters_separator`). |
| Filters — Separator Position | Options: Left; Right. |
| Filters — Align | Writes CSS `text-align` onto the widget’s front-end markup. Options: Left; Center; Right. |
| Filters — Select Animation | Options: Default; Zoom; Fade (Pro); Fade + SlideUp (Pro). |
| Filters — Animation Duration | Numeric control (default 0.3, min 0, max 5). |
| Filters — Animation Delay | Numeric control (default 0.1, min 0, max 5). |
| Pagination — Select Type | Options: Default; Numbered; Load More Button; Infinite Scrolling (Pro). |
| Pagination — Older Posts Text | Text inspector control (`pagination_older_text`). |
| Pagination — Newer Posts Text | Text inspector control (`pagination_newer_text`). |
| Pagination — Select Icon | Options: Angle; Angle Double; Arrow; Arrow Circle; Arrow Circle Alt; Long Arrow; Chevron. |
| Pagination — Previous & Next Buttons | Switcher inspector control (`pagination_prev_next`). |
| Pagination — Prev Page Text | Text inspector control (`pagination_prev_text`). |
| Pagination — Next Page Text | Text inspector control (`pagination_next_text`). |
| Pagination — Select Icon (Pagination Pn Icon) | Options: Angle; Angle Double; Arrow; Arrow Circle; Arrow Circle Alt; Long Arrow; Chevron. |
| Pagination — First & Last Buttons | Switcher inspector control (`pagination_first_last`). |
| Pagination — First Page Text | Text inspector control (`pagination_first_text`). |
| Pagination — Last Page Text | Text inspector control (`pagination_last_text`). |
| Pagination — Select Icon (Pagination Fl Icon) | Options: Angle; Angle Double; Arrow; Arrow Circle; Arrow Circle Alt; Long Arrow; Chevron. |
| Pagination — Show Disabled Buttons | Switcher inspector control (`pagination_disabled_arrows`). |
| Pagination — Range | Numeric control (default 2, min 1). |
| Pagination — Load More Text | Text inspector control (`pagination_load_more_text`). |
| Pagination — Finish Text | Text inspector control (`pagination_finish_text`). |
| Pagination — Select Animation | Options: None; Loader 1; Loader 2; Loader 3; Loader 4; Loader 5; Loader 6. |
| Pagination — Alignment | Options: Left; Center; Right; Justified. |
| Grid Item — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Grid Item — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Grid Item — Border Type | Writes CSS `border-style` onto the widget’s front-end markup. Options: None; Solid; Double; Dotted; Dashed; Groove. |
| Grid Item — Border Width | Writes CSS `border-width` onto the widget’s front-end markup. |
| Grid Item — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Grid Item — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Grid Item — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-grid-item`. |
| Grid Media — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Grid Media — Border Type | Writes CSS `border-style` onto the widget’s front-end markup. Options: None; Solid; Double; Dotted; Dashed; Groove. |
| Grid Media — Border Width | Writes CSS `border-width` onto the widget’s front-end markup. |
| Grid Media — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Media Overlay — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Media Overlay — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Title (Normal) — Color | Writes CSS `color` onto the widget’s front-end markup. |
| Title (Normal) — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Title (Normal) — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Title (Hover) — Color | Writes CSS (a, color, span) onto the widget’s front-end markup. |
| Title (Hover) — Background Color | Writes CSS (a, background-color, span) onto the widget’s front-end markup. |
| Title (Hover) — Border Color | Writes CSS (a, border-color, span) onto the widget’s front-end markup. |
| Title — Transition Duration (seconds) | Writes CSS (transition-duration, king-addons-pointer-item) onto the widget’s front-end markup. (default 0.3, min 0, max 5). |
| Title — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-grid-item-title a, {{WRAPPER}} .king-addons-grid-item-title span`. |
| Title — Border Type | Writes CSS `border-style` onto the widget’s front-end markup. Options: None; Solid; Double; Dotted; Dashed; Groove. |
| Title — Border Width | Writes CSS `border-width` onto the widget’s front-end markup. |
| Title — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Title — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Caption — Color | Writes CSS `color` onto the widget’s front-end markup. |
| Caption — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Caption — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Caption — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-grid-item-caption`. |
| Caption — Drop Cap Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-grid-item-caption.king-addons-enable-dropcap p:first-child:fir…`. |
| Caption — Justify Text | Switcher inspector control (`caption_justify`). |
| Caption — Border Type | Writes CSS `border-style` onto the widget’s front-end markup. Options: None; Solid; Double; Dotted; Dashed; Groove. |
| Caption — Border Width | Writes CSS `border-width` onto the widget’s front-end markup. |
| Caption — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Caption — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Date — Color | Writes CSS `color` onto the widget’s front-end markup. |
| Date — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Date — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Date — Extra Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Date — Extra Icon Color | Writes CSS (color, fill) onto the widget’s front-end markup. |
| Date — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-grid-item-date`. |
| Date — Border Type | Writes CSS `border-style` onto the widget’s front-end markup. Options: None; Solid; Double; Dotted; Dashed; Groove. |
| Date — Border Width | Writes CSS `border-width` onto the widget’s front-end markup. |
| Date — Extra Text Spacing | Writes CSS (padding-right, padding-left) onto the widget’s front-end markup. (min 0, max 25). |
| Date — Extra Icon Spacing | Writes CSS (padding-right, padding-left) onto the widget’s front-end markup. (min 0, max 25). |
| Date — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Date — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Time — Color | Writes CSS `color` onto the widget’s front-end markup. |
| Time — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Time — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Time — Extra Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Time — Extra Icon Color | Writes CSS (color, fill) onto the widget’s front-end markup. |
| Time — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-grid-item-time`. |
| Time — Border Type | Writes CSS `border-style` onto the widget’s front-end markup. Options: None; Solid; Double; Dotted; Dashed; Groove. |
| Time — Border Width | Writes CSS `border-width` onto the widget’s front-end markup. |
| Time — Extra Text Spacing | Writes CSS (padding-right, padding-left) onto the widget’s front-end markup. (min 0, max 25). |
| Time — Extra Icon Spacing | Writes CSS (padding-right, padding-left) onto the widget’s front-end markup. (min 0, max 25). |
| Time — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Time — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Author (Normal) — Color | Writes CSS `color` onto the widget’s front-end markup. |
| Author (Normal) — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Author (Normal) — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Author (Normal) — Extra Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Author (Hover) — Color | Writes CSS (a, color) onto the widget’s front-end markup. |
| Author (Hover) — Background Color | Writes CSS (a, background-color) onto the widget’s front-end markup. |
| Author (Hover) — Border Color | Writes CSS (a, border-color) onto the widget’s front-end markup. |
| Author — Transition Duration (seconds) | Writes CSS `transition-duration` onto the widget’s front-end markup. (default 0.1, min 0, max 5). |
| Author — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-grid-item-author`. |
| Author — Border Type | Writes CSS `border-style` onto the widget’s front-end markup. Options: None; Solid; Double; Dotted; Dashed; Groove. |
| Author — Border Width | Writes CSS `border-width` onto the widget’s front-end markup. |
| Author — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Author — Extra Text Spacing | Writes CSS (padding-right, padding-left) onto the widget’s front-end markup. (min 0, max 25). |
| Author — Extra Icon Spacing | Writes CSS (padding-right, padding-left) onto the widget’s front-end markup. (min 0, max 25). |
| Author — Avatar Spacing | Writes CSS `margin-right` onto the widget’s front-end markup. (min 0, max 25). |
| Author — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Author — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Lightbox (Normal) — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Lightbox (Normal) — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Lightbox (Normal) — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Lightbox (Normal) — Text Shadow | Elementor text-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-grid-item-lightbox i`. |
| Lightbox (Hover) — Text Color | Writes CSS (span, a, color) onto the widget’s front-end markup. |
| Lightbox (Hover) — Background Color | Writes CSS (span, background-color) onto the widget’s front-end markup. |
| Lightbox (Hover) — Border Color | Writes CSS (span, border-color) onto the widget’s front-end markup. |
| Lightbox — Transition Duration (seconds) | Writes CSS `transition-duration` onto the widget’s front-end markup. (default 0.1, min 0, max 5). |
| Lightbox — Icon Size | Writes CSS (font-size, width, height) onto the widget’s front-end markup. (min 5, max 100). |
| Lightbox — Icon Color | Writes CSS (color, fill) onto the widget’s front-end markup. |
| Lightbox — Icon Color (Hover) | Writes CSS (span, color, fill) onto the widget’s front-end markup. |
| Lightbox — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-grid-item-lightbox, {{WRAPPER}} .king-addons-grid-item-title .…`. |
| Lightbox — Border Type | Writes CSS `border-style` onto the widget’s front-end markup. Options: None; Solid; Double; Dotted; Dashed; Groove. |
| Lightbox — Border Width | Writes CSS `border-width` onto the widget’s front-end markup. |
| Lightbox — Extra Text Spacing | Writes CSS (padding-right, padding-left) onto the widget’s front-end markup. (min 0, max 25). |
| Lightbox — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Lightbox — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Lightbox — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Separator Style 1 — Color | Writes CSS `border-bottom-color` onto the widget’s front-end markup. |
| Separator Style 1 — Width | Writes CSS `width` onto the widget’s front-end markup. (min 0, max 300). |
| Separator Style 1 — Height | Writes CSS `border-bottom-width` onto the widget’s front-end markup. (min 1, max 100). |
| Separator Style 1 — Type | Writes CSS `border-bottom-style` onto the widget’s front-end markup. Options: Solid; Double; Dotted; Dashed; Groove. |
| Separator Style 1 — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Separator Style 1 — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Separator Style 2 — Color | Writes CSS `border-bottom-color` onto the widget’s front-end markup. |
| Separator Style 2 — Width | Writes CSS `width` onto the widget’s front-end markup. (min 0, max 300). |
| Separator Style 2 — Height | Writes CSS `border-bottom-width` onto the widget’s front-end markup. (min 0, max 100). |
| Separator Style 2 — Type | Writes CSS `border-bottom-style` onto the widget’s front-end markup. Options: Solid; Double; Dotted; Dashed; Groove. |
| Separator Style 2 — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Separator Style 2 — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Taxonomy Style 1 (Normal) — Color | Writes CSS `color` onto the widget’s front-end markup. |
| Taxonomy Style 1 (Normal) — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Taxonomy Style 1 (Normal) — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Taxonomy Style 1 (Normal) — Extra Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Taxonomy Style 1 (Normal) — Extra Icon Color | Writes CSS (color, fill) onto the widget’s front-end markup. |
| Taxonomy Style 1 (Hover) — Color | Writes CSS (a, color, king-addons-pointer-item, background-color) onto the widget’s front-end markup. |
| Taxonomy Style 1 (Hover) — Background Color | Writes CSS (a, background-color) onto the widget’s front-end markup. |
| Taxonomy Style 1 (Hover) — Border Color | Writes CSS (a, border-color) onto the widget’s front-end markup. |
| Taxonomy Style 1 — Transition Duration (seconds) | Writes CSS (transition-duration, king-addons-pointer-item) onto the widget’s front-end markup. (default 0.1, min 0, max 5). |
| Taxonomy Style 1 — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-grid-tax-style-1`. |
| Taxonomy Style 1 — Border Type | Writes CSS `border-style` onto the widget’s front-end markup. Options: None; Solid; Double; Dotted; Dashed; Groove. |
| Taxonomy Style 1 — Border Width | Writes CSS `border-width` onto the widget’s front-end markup. |
| Taxonomy Style 1 — Extra Text Spacing | Writes CSS (padding-right, padding-left) onto the widget’s front-end markup. (min 0, max 25). |
| Taxonomy Style 1 — Extra Icon Spacing | Writes CSS (padding-right, padding-left) onto the widget’s front-end markup. (min 0, max 25). |
| Taxonomy Style 1 — Gutter | Writes CSS `margin-right` onto the widget’s front-end markup. (min 0, max 20). |
| Taxonomy Style 1 — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Taxonomy Style 1 — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Taxonomy Style 1 — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Taxonomy Style 2 (Normal) — Color | Writes CSS `color` onto the widget’s front-end markup. |
| Taxonomy Style 2 (Normal) — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Taxonomy Style 2 (Normal) — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Taxonomy Style 2 (Hover) — Color | Writes CSS (a, color, king-addons-pointer-item, background-color) onto the widget’s front-end markup. |
| Taxonomy Style 2 (Hover) — Background Color | Writes CSS (a, background-color) onto the widget’s front-end markup. |
| Taxonomy Style 2 (Hover) — Border Color | Writes CSS (a, border-color) onto the widget’s front-end markup. |
| Taxonomy Style 2 — Transition Duration (seconds) | Writes CSS (transition-duration, king-addons-pointer-item) onto the widget’s front-end markup. (default 0.1, min 0, max 5). |
| Taxonomy Style 2 — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-grid-tax-style-2`. |
| Taxonomy Style 2 — Border Type | Writes CSS `border-style` onto the widget’s front-end markup. Options: None; Solid; Double; Dotted; Dashed; Groove. |
| Taxonomy Style 2 — Border Width | Writes CSS `border-width` onto the widget’s front-end markup. |
| Taxonomy Style 2 — Extra Text Spacing | Writes CSS (padding-right, padding-left) onto the widget’s front-end markup. (min 0, max 25). |
| Taxonomy Style 2 — Extra Icon Spacing | Writes CSS (padding-right, padding-left) onto the widget’s front-end markup. (min 0, max 25). |
| Taxonomy Style 2 — Gutter | Writes CSS `margin-right` onto the widget’s front-end markup. (min 0, max 20). |
| Taxonomy Style 2 — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Taxonomy Style 2 — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Taxonomy Style 2 — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Slider Navigation (Normal) — Color | Writes CSS (color, fill) onto the widget’s front-end markup. |
| Slider Navigation (Normal) — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Slider Navigation (Normal) — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Slider Navigation (Hover) — Color | Writes CSS (king-addons-grid-slider-arrow, color, fill) onto the widget’s front-end markup. |
| Slider Navigation (Hover) — Background Color | Writes CSS (king-addons-grid-slider-arrow, background-color) onto the widget’s front-end markup. |
| Slider Navigation (Hover) — Border Color | Writes CSS (king-addons-grid-slider-arrow, border-color) onto the widget’s front-end markup. |
| Slider Navigation — Transition Duration (seconds) | Writes CSS `transition-duration` onto the widget’s front-end markup. (default 0.1, min 0, max 5). |
| Slider Navigation — Font Size | Writes CSS (font-size, width) onto the widget’s front-end markup. (min 10, max 200). |
| Slider Navigation — Box Size | Writes CSS (width, height) onto the widget’s front-end markup. (min 10, max 200). |
| Slider Navigation — Border Type | Writes CSS `border-style` onto the widget’s front-end markup. Options: None; Solid; Double; Dotted; Dashed; Groove. |
| Slider Navigation — Border Width | Writes CSS `border-width` onto the widget’s front-end markup. |
| Slider Navigation — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Slider Pagination (Normal) — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Slider Pagination (Normal) — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Slider Pagination (Active) — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Slider Pagination (Active) — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Slider Pagination — Box Width | Writes CSS `width` onto the widget’s front-end markup. (min 1, max 100). |
| Slider Pagination — Box Height | Writes CSS `height` onto the widget’s front-end markup. (min 1, max 100). |
| Slider Pagination — Border Type | Writes CSS `border-style` onto the widget’s front-end markup. Options: None; Solid; Double; Dotted; Dashed; Groove. |
| Slider Pagination — Border Width | Writes CSS `border-width` onto the widget’s front-end markup. |
| Slider Pagination — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Slider Pagination — Gutter | Writes CSS (margin-right, margin-bottom) onto the widget’s front-end markup. (min 0, max 100). |
| Slider Pagination — Vertical Position | Writes CSS `top` onto the widget’s front-end markup. (min -20, max 120). |
| Filters (Normal) — Color | Writes CSS `color` onto the widget’s front-end markup. |
| Filters (Normal) — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Filters (Normal) — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Filters (Normal) — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-grid-filters li > a, {{WRAPPER}} .king-addons-grid-filters li …`. |
| Filters (Normal) — Wrapper Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Filters (Hover) — Color | Writes CSS (a, color, span) onto the widget’s front-end markup. |
| Filters (Hover) — Background Color | Writes CSS (a, background-color, span) onto the widget’s front-end markup. |
| Filters (Hover) — Border Color | Writes CSS (a, border-color, span) onto the widget’s front-end markup. |
| Filters (Hover) — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-grid-filters li > a:hover, {{WRAPPER}} .king-addons-grid-filte…`. |
| Filters — Transition Duration (seconds) | Writes CSS (transition-duration, king-addons-pointer-item) onto the widget’s front-end markup. (default 0.1, min 0, max 5). |
| Filters — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-grid-filters li`. |
| Filters — Border Type | Writes CSS `border-style` onto the widget’s front-end markup. Options: None; Solid; Double; Dotted; Dashed; Groove. |
| Filters — Border Width | Writes CSS `border-width` onto the widget’s front-end markup. |
| Filters — Distance From Grid | Writes CSS `margin-bottom` onto the widget’s front-end markup. (min 0, max 100). |
| Filters — Extra Icon Spacing | Writes CSS (padding-right, padding-left) onto the widget’s front-end markup. (min 0, max 25). |
| Filters — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Filters — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Filters — Wrapper Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Filters — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Pagination (Normal) — Color | Writes CSS (color, fill) onto the widget’s front-end markup. |
| Pagination (Normal) — Background Color | Writes CSS (background-color, color) onto the widget’s front-end markup. |
| Pagination (Normal) — Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Pagination (Normal) — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-grid-pagination a, {{WRAPPER}} .king-addons-grid-pagination > …`. |
| Pagination (Normal) — Loader Color | Writes CSS (background-color, king-addons-circle) onto the widget’s front-end markup. |
| Pagination (Normal) — Wrapper Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Pagination (Hover) — Color | Writes CSS (a, color, fill, span) onto the widget’s front-end markup. |
| Pagination (Hover) — Background Color | Writes CSS (a, background-color, span) onto the widget’s front-end markup. |
| Pagination (Hover) — Border Color | Writes CSS (a, border-color, span) onto the widget’s front-end markup. |
| Pagination (Hover) — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-grid-pagination a:hover, {{WRAPPER}} .king-addons-grid-paginat…`. |
| Pagination — Transition Duration (seconds) | Writes CSS `transition-duration` onto the widget’s front-end markup. (default 0.1, min 0, max 5). |
| Pagination — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-grid-pagination`. |
| Pagination — Icon Size | Writes CSS (font-size, width) onto the widget’s front-end markup. (min 5, max 30). |
| Pagination — Border Type | Writes CSS `border-style` onto the widget’s front-end markup. Options: None; Solid; Double; Dotted; Dashed; Groove. |
| Pagination — Border Width | Writes CSS `border-width` onto the widget’s front-end markup. |
| Pagination — Distance From Grid | Writes CSS `margin-top` onto the widget’s front-end markup. (min 0, max 100). |
| Pagination — Gutter | Writes CSS `margin-right` onto the widget’s front-end markup. (min 0, max 25). |
| Pagination — Icon Spacing | Writes CSS (padding-right, padding-left, margin-right, margin-left) onto the widget’s front-end markup. (min 0, max 25). |
| Pagination — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Pagination — Wrapper Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Pagination — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
Content and Style tabs from this widget’s PHP, including repeater fields and group controls (typography, background, border, shadow). Elementor’s Advanced tab is core Elementor and is not listed here.
FAQ
Which Advanced Image Gallery options need King Addons Pro?
Controls marked with the Pro icon in this widget’s PHP. King Addons Pro is a separate license from Elementor Pro.
How do I add Advanced Image Gallery in Elementor?
Install King Addons and Elementor, edit a page, search the panel for “Advanced Image Gallery”, drag it onto the canvas, then set Content and Style.
Do I need Elementor Pro?
No. King Addons runs on free Elementor. Some King Addons options (for example template-in-accordion, extra popup conditions, parts of the template catalog) need King Addons Pro — not Elementor Pro.
Related media widgets
Image Grid
A masonry or fit-rows image grid. No post query — just images.
Slider/Carousel
A general slider for images, text, or mixed slides. Use this for heroes; use Posts Grid for post queries.
Image Accordion
Panels of images that expand on hover or click. This is a gallery layout, not the FAQ Accordion widget.
Hovering Image Stack
Stacked images that shift on hover so a set of shots reads as one object.
Image Comparison
A before/after slider. Two images, one divider the visitor drags.
Image Hover Box
An image tile that reveals title, text, or a link on hover — for services and portfolios.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Advanced Image Gallery after you activate it.