Content · Elementor
Pull Quotes & Callouts Builder widget for Elementor
Pull Quotes & Callouts Builder is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Pull Quotes & Callouts Builder” in the Elementor panel.
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
Pull Quotes & Callouts Builder is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Pull Quotes & Callouts Builder” in the Elementor panel.
Pull Quotes & Callouts Builder Widget (Free).
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 “Pull Quotes & Callouts Builder”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Block Type”, “Preset”, “Main Text”, “Author”. Style and Content tabs are listed on this page.
When to use it
- An Elementor page that needs Pull Quotes & Callouts Builder.
- A layout in the posts, cards, lists, FAQs, and editorial layouts group.
- Search the panel for “Pull Quotes & Callouts Builder” after King Addons is active.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| Content — Block Type | The chosen value is read in render() and applied on the front end. Options: Pull Quote; Callout. |
| Content — Preset | Visual Choice inspector control (`kng_preset`). |
| Content — Main Text | Saved on the widget and consumed in render(). |
| Content — Author | Saved on the widget and consumed in render(). |
| Content — Source / Role | Saved on the widget and consumed in render(). |
| Content — Show Label | Switcher inspector control (`kng_label_show`). |
| Content — Label Text | Saved on the widget and consumed in render(). |
| Content — Show Quote Mark | Switcher inspector control (`kng_quote_mark_show`). |
| Content — Quote Mark Style | The chosen value is read in render() and applied on the front end. Options: Classic; Modern; Minimal. |
| Content — Quote Mark Mode | The chosen value is read in render() and applied on the front end. Options: Corner; Inline; Watermark. |
| Content — Show Icon | Switcher inspector control (`kng_icon_enable`). |
| Content — Icon | Icon rendered with Elementor Icons_Manager in this widget’s HTML. |
| Content — Icon Position | The chosen value is read in render() and applied on the front end. Options: Left; Top. |
| Content — Link | Elementor URL control (href, new tab, nofollow) applied to a front-end link. |
| Content — Link Text | Saved on the widget and consumed in render(). |
| Layout — Alignment | Writes CSS `text-align` onto the widget’s front-end markup. Options: Left; Center; Right. |
| Layout — Gap | Spacing/size control (min 0, max 60). |
| Layout — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Layout — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Box — Background | Elementor background group: classic color/image or gradient on the selector. Selector: `{{WRAPPER}} .king-addons-pull-quotes-callouts`. |
| Box — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-pull-quotes-callouts`. |
| Box — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. (min 0, max 80). |
| Box — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-pull-quotes-callouts`. |
| Box — Accent Side | The chosen value is read in render() and applied on the front end. Options: Left; Right; Top; Bottom. |
| Box — Accent Size | Spacing/size control (min 0, max 20). |
| Box — Accent Color | Color written to this widget’s CSS selector. |
| Typography — Text Color | Color written to this widget’s CSS selector. |
| Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-pull-quotes-callouts__text`. |
| Typography — Author Color | Color written to this widget’s CSS selector. |
| Typography (Kng Author Typography) | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-pull-quotes-callouts__author`. |
| Typography — Source Color | Color written to this widget’s CSS selector. |
| Typography (Kng Source Typography) | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-pull-quotes-callouts__source`. |
| Typography — Label Color | Color written to this widget’s CSS selector. |
| Typography — Label Background | Color written to this widget’s CSS selector. |
| Typography (Kng Label Typography) | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-pull-quotes-callouts__label`. |
| Typography — Label Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Typography — Label Radius | Writes CSS `border-radius` onto the widget’s front-end markup. (min 0, max 50). |
| Typography — Label Transform | Writes CSS `text-transform` onto the widget’s front-end markup. Options: Uppercase; Capitalize; Lowercase; None. |
| Typography — Label Letter Spacing | Writes CSS `letter-spacing` onto the widget’s front-end markup. (min 0, max 6). |
| Typography — Link Color | Color written to this widget’s CSS selector. |
| Typography (Kng Link Typography) | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-pull-quotes-callouts__link`. |
| Typography — Link Hover Color | Writes CSS (link, color) onto the widget’s front-end markup. |
| Footer — Top Spacing | Writes CSS `margin-top` onto the widget’s front-end markup. (min 0, max 60). |
| Footer — Gap | Writes CSS `gap` onto the widget’s front-end markup. (min 0, max 40). |
| Footer — Alignment | Writes CSS `justify-content` onto the widget’s front-end markup. Options: Left; Center; Right. |
| Footer — Direction | Writes CSS `flex-direction` onto the widget’s front-end markup. Options: Horizontal; Vertical. |
| Footer — Separator | Character between author and source (e.g. — or |). |
| Hover — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-pull-quotes-callouts:hover`. |
| Hover — Border Color | Writes CSS (king-addons-pull-quotes-callouts, border-color) onto the widget’s front-end markup. |
| Hover — Transform | Writes CSS (king-addons-pull-quotes-callouts, transform) onto the widget’s front-end markup. Options: None; Lift Up; Scale Up; Lift + Scale. |
| Hover — Transition Duration (ms) | Writes CSS `transition` onto the widget’s front-end markup. (default 300, min 0, max 1000). |
| Quote Mark — Size | Spacing/size control (min 12, max 200). |
| Quote Mark — Color | Color written to this widget’s CSS selector. |
| Quote Mark — Opacity | Numeric control (default 0.2, min 0, max 1). |
| Quote Mark — Scale | Numeric control (default 1, min 0.5, max 2). |
| Quote Mark — Offset X | Spacing/size control (min -80, max 80). |
| Quote Mark — Offset Y | Spacing/size control (min -80, max 80). |
| Icon — Size | Spacing/size control (min 12, max 120). |
| Icon — Color | Color written to this widget’s CSS selector. |
| Icon — Offset X | Spacing/size control (min -60, max 60). |
| Icon — Offset Y | Spacing/size control (min -60, max 60). |
| Icon — Background | Writes CSS `background` onto the widget’s front-end markup. |
| Icon — Padding | Writes CSS `padding` onto the widget’s front-end markup. (min 0, max 40). |
| Icon — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. (min 0, max 50). |
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
What does Pull Quotes & Callouts Builder actually change on the page?
Pull Quotes & Callouts Builder is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Pull Quotes & Callouts Builder” in the Elementor panel. Inspector labels from this widget’s PHP include “Block Type”, “Preset”, “Main Text”, “Author”.
How do I add Pull Quotes & Callouts Builder in Elementor?
Install King Addons and Elementor, edit a page, search the panel for “Pull Quotes & Callouts Builder”, 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 content widgets
Interactive Image Sheen
Interactive Image Sheen is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Interactive Image Sheen” in the Elementor panel.
Announcement / Promo Bar
Announcement / Promo Bar is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Announcement / Promo Bar” in the Elementor panel.
Comparison Matrix Cards
Comparison Matrix Cards is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Comparison Matrix Cards” in the Elementor panel.
Content Toggle
Content Toggle is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Content Toggle” in the Elementor panel.
Cookie Preferences Button
Cookie Preferences Button is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Cookie Preferences Button” in the Elementor panel.
Custom Post Types Grid
Custom Post Types Grid is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Custom Post Types Grid” in the Elementor panel.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Pull Quotes & Callouts Builder after you activate it.