Skip to content

v1.0.19 — popup border + radius settings

Latest

Choose a tag to compare

@jcasey76 jcasey76 released this 21 May 18:06
· 13 commits to main since this release

New: popup-level border + radius settings under Behavior.

Why

A border set on a Divi Image module wasn't rendering in the popup when Imagify is also active. Imagify wraps every `` in a `` element and moves the `wp-image-XXX` class from the img to the picture. Combined with Fullwidth Image modules where Divi puts the border on the module wrapper (which is often wider than the visible image because the v1.0.16 image rules use `width: auto` for aspect-preservation), Divi-side borders land in the wrong place or miss the rendered element entirely.

Rather than try to handle every combination of Divi version × Imagify markup × module type, v1.0.19 adds plugin-level border settings that target the popup container directly. Reliable, predictable, no specificity battles.

What's new

Field Type Default Examples
Popup border CSS `border` shorthand empty `5px solid #ffffff`, `2px dashed #c10f30`, `10px solid rgba(255,255,255,0.5)`
Popup border radius (px) int 0 `0` square, `12` rounded card, `50` very rounded, `500` pill

When border-radius is > 0, the container also gets `overflow: hidden` so the image clips to the rounded corners. No scrollbar regression because image fitting is already handled by `max-width`/`max-height` on the image itself.

How

Display class emits an inline `<style id="aqm-popup-inline-style">` block targeting `#aqm-popup-container` (specificity 1,0,0) so the rule reliably beats class-based defaults. CSS values pass through the same conservative sanitizer that strips characters which could break out of the inline style context.