Hello,

I modified the code a bit and solved it like this:

.j51imagehover figcaption {

    transform: none !important;

    opacity: 1 !important;

    background:transparent !important;

}



.j51imagehover a:hover {

    opacity: 0.3 !important;

    background:var(--j51-overlay-color) !important;

}

Thanks a lot!

Hello

Would you have a URL to an example of your image?

Ciaran

Hello!

The website is only installed locally so far, which is why I cannot provide a link.
But I use the Novah template (J4). For example:
https://www.joomla51.com/demo/0165/index.php/module-extensions/imagehover-gallery-module

The title of the image is only displayed when hovering. I would have liked the title to always be displayed. This is important because I set menu Item as link type. Then the website visitor could immediately see what is behind the links without having to hover.

Hello

The solution would vary slightly depending on the effect you have selected however the following custom CSS should work in most cases...

.j51imagehover figcaption {

    transform: none !important;

    opacity: 1 !important;

}

Ciaran

Hi,

I tested the css code.
In this case, however, the images are not displayed. Instead, the background color is displayed.

I would like the title to appear above the image. Is there a solution for this?

Hello

One option may be to set the background color to transparent. The color selector for this option includes the ability to reduce the opacity to 0, therefore, making it transparent.

Ciaran