Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 7, 2021 at 8:22 pm #1286227
    domvitz

    HI, When using the grid, there is the option to use the whole grid column as a link, when this selected the chosen grid changes colour slightly. How can I change the colour of this to a different colour?

    Is it possible?

    Thanks

    March 9, 2021 at 3:18 am #1286607
    Rikard

    Hey Dom,

    Do you mean the overlay when hovering? If so then this is the default CSS:

    .flex_cell.avia-link-column.avia-link-column-hover:hover {
    opacity: 0.8;
}

    You can change the opacity to your liking.

    Best regards,
    Rikard

    March 9, 2021 at 11:39 am #1286668
    domvitz

    Thanks for the answer, is it possible to change the colour rather than the opacity of the hover?

    March 9, 2021 at 12:42 pm #1286688
    Yigit

    Hey,

    No, because there is no overlay on your column background image. You could however change the background image on hover.
    If you would like to do that, please edit your Grid Cell and give it a custom CSS class (“test-class” in example below) in Advanced > Developer Settings tab and then add following code to Quick CSS 

    body .flex_cell.avia-link-column.avia-link-column-hover.test-class:hover {
    background-image: url(URL OF THE BACKGROUND IMAGE HERE) !important;
}

    Regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.