Carousel mouseover

[michael_vvc]

hi armin and marius.

for a new website project i wanna use a carousel with several project thumbnails next to some regular project thumbnails on the landing page. I set the 'project thumbnail mouseover' to 'show background color' which is working fine for the regular thumbnails but not for the carousel. is there any way to add the mouseover effect to the carousel?

here's a screenshot:

thanks for your help :trumpet:

michael

[piotr]

Hi Michael, did you figure it out in the end?

[arminunruh]

you can use custom css

.lay-carousel-slide a[data-type="project"] img{
transition: opacity 300ms ease;
}

.lay-carousel-slide a[data-type="project"]:hover img{
opacity: 0.5!important;
}

.lay-carousel-slide a[data-type="project"]{
background-color: red;
}

for example.

or

.lay-carousel-slide a[data-type="project"] img{
transition: all 300ms ease;
filter: brightness(1);
}

.lay-carousel-slide a[data-type="project"]:hover img{
filter: brightness(0.5);
}