Linked Column hover effect - Support | Kriesi.at

Tagged: column, hover color

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
December 15, 2022 at 11:33 am #1376256

McGambit
Participant

Hi,
I try to give linked Columns (grid colums) a new hover Color (green) and I found this in the forum.
https://kriesi.at/support/topic/column-hover-effect-2/

But unfortunately, this quick css doesn’t work anymore.
Is there a new Quick CSS that i can use to get hover color for linked columns?
Best regards

December 16, 2022 at 4:23 am #1376337
Nikko
Inactive Moderator
Hi McGambit,

Can you try using this CSS code:
```
.av-layout-grid-container .flex_cell:hover {
    background-color: green;
}
```
Best regards,
Nikko
December 16, 2022 at 10:22 am #1376382

McGambit
Participant

Hi Nikko,
unfortunately it doesn´t work as expected.
Please have a look in the private Part Content of this post.
Regards Mc

December 18, 2022 at 8:25 pm #1376608
Mike
Moderator
Hi,
Thanks for your patience and the link to your site please try this css instead:
```
.av-layout-grid-container .av-gridrow-cell:hover {
	background-blend-mode: multiply;
	background-color: green;
}
```
After applying the css, please clear your browser cache and check.

Best regards,
Mike
December 19, 2022 at 12:12 pm #1376687

McGambit
Participant

Hi Mike, thank you for your Support.

Your CSS works almost, but there is an issue.
Now, every Column/cell has a greenish hover, non-linked also. I need the hover effect only for linked cells.
Hover effect on not linked cells makes no sense.
Best Regards.

December 19, 2022 at 1:34 pm #1376699
Mike
Moderator
Hi,
Try this css instead:
```
.av-layout-grid-container .avia-link-column:hover {
	background-blend-mode: multiply;
	background-color: green;
}
```
After applying the css, please clear your browser cache and check.

Best regards,
Mike
December 19, 2022 at 2:03 pm #1376707

McGambit
Participant

Perfect, thanks Mike.
Now it´s working fine.

December 19, 2022 at 2:48 pm #1376719

Mike
Moderator

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Linked Column hover effect’ is closed to new replies.