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.