Archived topic

highlight on container hover

5 replies · Started by Jeffrey on July 11, 2022

Viewing posts 1–6 of 6

July 11, 2022 at 9:22 am #2279656

I am using this code:

Is there a way to add the hover effect on top of this? Say overlay a color with an opacity?

July 11, 2022 at 10:12 am #2279722

Hi Jeffrey,

In that case, please change the background image to use the pseudo-element.

And set a background color for the containers which have container links.

Once it's done, we can take another look.

July 11, 2022 at 10:52 am #2279750

done..

July 11, 2022 at 11:47 am #2279785

Try add this CSS:

.gb-container.linked-container:hover:before {
    opacity: 0.5;
}
.gb-container.linked-container {
    transition: all 0.3s ease;
}

July 11, 2022 at 12:04 pm #2279795

prefect!

July 11, 2022 at 12:15 pm #2279805

Glad to hear that :)

This archived topic is closed to new replies.