Home › Forums › WoodMart support forum › Image hover animation

Image hover animation

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 4, 2024 at 5:18 pm #595261

    Favori
    Participant

    Hello,

    I would like to ask how to add hower animation Zoom in at the image on this page:
    https://favoridecor.fr/inspiration/

    September 5, 2024 at 5:54 am #595332

    Hung Pham
    Participant

    Hi Blissdates,

    Thanks for reaching to us.

    Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    div.wd-image{
  overflow: hidden;
	border-radius: 50%;
}

div.wd-image img{
	width: 100%;
	transition: transform .5s ease;
  
}

div.wd-image:hover img{
  transform: scale(1.5);
}

    Best Regards,

    September 5, 2024 at 11:49 am #595432

    Favori
    Participant

    Thank you,
    But now I have a small bug, please see the pictures attached.

    Attachments:
    You must be logged in to view attached files.
    September 5, 2024 at 2:09 pm #595470

    Hung Pham
    Participant

    Hi Favori,

    Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    div.wd-enabled-flex>.vc_column-inner>.wpb_wrapper>*:not(.wd-enabled-width):not(.inline-element) {
	width: auto;
}

    Best Regards,

    • This reply was modified 1 year, 10 months ago by Hung Pham.
    September 5, 2024 at 2:32 pm #595484

    Favori
    Participant

    Unfortunately even with these lines I have same problem.
    please find attached the credentials in case if you want to have admin acces

    September 6, 2024 at 6:04 am #595612

    Hung Pham
    Participant

    Hi Favori,

    I helped you to modify CSS codes, please check again.

    Best Regards,

    September 6, 2024 at 11:45 am #595699

    Favori
    Participant

    Thank you so much!

    September 6, 2024 at 11:47 am #595701

    Favori
    Participant

    Oh.
    Now I have a bug on the main page

    Attachments:
    You must be logged in to view attached files.
    September 6, 2024 at 11:49 am #595704

    Favori
    Participant

    It’s not only on the main page it’s everyxhete wwhete I have image …

    Attachments:
    You must be logged in to view attached files.
    September 7, 2024 at 2:59 am #595851

    Hung Pham
    Participant

    Hi Favori,

    You need to put class image-zoom-effect to the Row https://prnt.sc/6rqx1FOO5kKL

    Best Regards,

    September 7, 2024 at 1:39 pm #595915

    Favori
    Participant

    Hi,
    Thank you so much !

    September 7, 2024 at 2:13 pm #595916

    Hung Pham
    Participant

    Hi Favori,

    Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

    Regards,

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)