How to target only images with link

Hi

I mannaged to make a nice hover-effect on the images on the website, with help from a various very helpful youtubers.

The intention was to only have the effect on the images who also funktion as a hyper-link, but now the effect is on all the images on the website.

Is there a way to target only images with active link?

This is the code I have now:

/* Hover effect on images */
.fluid-image-container:hover img {
  filter: brightness(60%);
  box-shadow: 0px 0px 10px #FFC700;
  transition: all 1s ease;
    transform: scale(1.1);

2 hours ago, Suni said:

Hi

I mannaged to make a nice hover-effect on the images on the website, with help from a various very helpful youtubers.

The intention was to only have the effect on the images who also funktion as a hyper-link, but now the effect is on all the images on the website.

Is there a way to target only images with active link?

This is the code I have now:

/* Hover effect on images */
.fluid-image-container:hover img {
  filter: brightness(60%);
  box-shadow: 0px 0px 10px #FFC700;
  transition: all 1s ease;
    transform: scale(1.1);

Could you share the page url with the image? We can use the href attribute as css selector, but we need to know the exact image to select

Hi. This is the website: https://www.steingrund.com

It is not a specific image, but I needed to target all images on every page that have a clickeble link attached to them. But I did actually figure it out with the help from a friend. This is the code that works:

///Hover effect on images///
.sqs-block-image-link:hover img {
  filter: brightness(60%);
  box-shadow: 0px 0px 10px #FFC700;
  transition: all 1s ease;
    transform: scale(1.1);
}

///Fade out the transition///
.fluid-image-container img {
  transition: all 1s ease;
}