v1.0.13 — stop overriding Divi image sizing
Fix: Divi's image sizing now works inside the popup.
What was broken
v1.0.11 added these image rules to satisfy the no-scrollbar request:
```css
#aqm-popup-content img, picture, video {
max-width: 100%;
max-height: 100vh;
width: auto;
height: auto;
object-fit: contain;
}
```
The `width: auto` part overrode Divi's own `.et_pb_fullwidth_image img { width: 100% }` rule (because `#id`-scoped selectors outrank class selectors). Result: Fullwidth Image modules rendered at their natural intrinsic size (e.g. 958px for a 958×958 image) instead of filling the popup container.
When users with edge-to-edge popups built around a Fullwidth Image looked at the result, the image was visibly smaller than expected with the container's empty space around it — which read as "my Divi padding/styles aren't applying".
What v1.0.13 does
Reduced the image CSS to a single standard responsive guard:
```css
#aqm-popup-content img, video {
max-width: 100%;
}
```
Divi now controls everything about image sizing:
- Fullwidth Image modules → fill the container width (Divi's intended behavior)
- Regular Image modules → render at their configured Divi size
- Section padding / row padding / module margin → visibly affect the image's position because Divi can drive the layout naturally
Trade-off
The overlay and container still use `overflow: hidden` + `max-height: 100vh` (kept from v1.0.11's no-scrollbar request). So content taller than the viewport will clip at the bottom rather than show a scrollbar.
If you'd rather have scrolling back for a specific site, add to Divi → Theme Options → Custom CSS:
```css
.aqm-popup-overlay,
.aqm-popup-container {
overflow: auto;
}
```