Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 16, 2022 at 11:44 am #1351918
    vbonora

    Hi Kriesi, I’m making changes to the catalog item to show the image on hover only.

    I entered this code but it doesn’t work:

    a.av-catalogue-item img{
	transform: translateX(12.9rem);
    transition: background-color .25s linear;
}
a.av-catalogue-item img:hover{
	transform: translateX(-3rem);
}

    can you help me?

    Thanks in advance for the support

    May 17, 2022 at 5:24 am #1352023
    Nikko

    Hi vbonora,

    The code you posted seems to work as it should.
    Can you give us a mockup/screenshot on what it should look by default and on hover?

    Best regards,
    Nikko

    May 17, 2022 at 10:38 am #1352043
    vbonora
    This reply has been marked as private.
    May 17, 2022 at 6:04 pm #1352113
    Mike

    Hi,
    Thanks for the screenshot and the login, I changed your hover css to this:

    a.av-catalogue-item:hover img {
	transform: translateX(-3rem);
}

    please clear your browser cache and check.

    Best regards,
    Mike

    May 18, 2022 at 8:53 am #1352154
    vbonora
    This reply has been marked as private.
    May 18, 2022 at 10:59 am #1352166
    Rikard

    Hi,

    Great, I’m glad that Mike could help you out. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Hover Image Catalog’ is closed to new replies.