webhelp responsive image popups not opaque

[rjohnson227]

I have a site generated using the webhelp responsive DITA transform. The site contains many images. Prior to installing XML Editor 28.0, build 2025122408, if I clicked on an image I would get a popup of the image in a larger size and the image was opaque. Since the new version the popups are now transparent, with the underlying page showing through. I would like to revert to the prior behavior, but I don't know how to do it.

[alin]

Hello,

You can override the current behavior by adding the following custom CSS rule to your WebHelp output:

Code: Select all

#modal_img_large {
  opacity: 1;
}

Check the following procedure from our User Manual for more details: How to Use CSS Styling to Customize the Output

Regards,
Alin

[rjohnson227]

I tested this fix and it worked. In addition to creating my custom CSS, I had to add args.copycss=yes.

[julien_lacour]

Hello,

I've added an issue to improve the opacity over modal images, the fix will be available in Oxygen 28.0 next maintenance build.
I will notify this thread when the build will be available.

Regards,
Julien

[julien_lacour]

Hello,

A new maintenance build of Oxygen 28.0 is out, in this version modal images have the correct opacity, similar to what was in Oxygen 27.

Regards,
Julien