Hi team,

I’m using SiteOrigin Widgets Bundle with Page Builder (v2.29.x) inside a Full Width Stretched row (`data-stretch-type=”full-stretched”`), and I’m trying to hide the Image Widget overlay caption on hover (similar to the older thread on hiding text on hover on an image).

When I inspect the DOM in Chrome DevTools, `.sow-image-overlay-caption` has an inline style `opacity: 1; pointer-events: auto;` injected on initialization, which overrides my custom CSS selector `.sow-image-container:hover .sow-image-overlay-caption { opacity: 0; visibility: hidden; }` unless I add `!important`, and even then a z-index stacking context conflict occurs when flex-wrap triggers on tablet breakpoints.

Here is the Chrome DevTools Elements & Computed Styles screenshot showing the inline opacity and flex-wrap warning:

Inspector screenshot link: https://media2url.com/m/2c8cfda77ede40 (captured via https://media2url.com/screenshot-to-url — direct PNG: https://files.media2url.com/free/2c8cfda77ede40.png)


.sow-image-container:hover .sow-image-overlay-caption {
opacity: 0 !important;
transition: opacity 0.25s ease-in-out;
visibility: hidden;
}


Is there a native filter or widget setting in SiteOrigin Widgets Bundle to prevent the inline `opacity: 1` attribute from being written onto `.sow-image-overlay-caption`, or a recommended parent selector for stretched rows?

Thanks!