Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #887172
    belayachimarouane
    Participant

    Hey guys,

    I have been scratching my head over this issue and think maybe you can help me.

    The thing is that I have made an image that when hovered, it plays a video. The problem is, when hovered the video plays but changes the sizes of the original picture. I would love to keep the same size of the div when hovered.

    You can see it here : http://stouch.eu

    Try to hover one of the images down, when it’s done the video plays but it div gets bigger. Maybe a simple css line is missing.

    Thanks a lot!

    #887173
    belayachimarouane
    Participant
    This reply has been marked as private.
    #887620
    Rupok
    Member

    Hi there,

    Thanks for writing in! Not sure which image you are referring as I can’t find such issue on your site. A screenshot would help but your given screenshot returning 404 error. Would you point us the image with a right screenshot? Try uploading within 512KB or you can use http://prnt.sc/ to upload your screenshot and provide us the link.

    Cheers!

    #887664
    belayachimarouane
    Participant

    Hey! Thanks a lot, here is it : http://prntscr.com/atmv20

    #887665
    belayachimarouane
    Participant

    You need to hover one of the images to see the problem.

    #887864
    Rue Nel
    Moderator

    Hello There,

    To resolve this issue, please find and update your css. Have your code updated using this code instead:

    #videosList {
        max-width: 700px;
        max-height: 355px;
        overflow: hidden;
        width: 100%;
        background-size: 100% 100%;
    }

    Please let us know if this works out for you.

    #887907
    belayachimarouane
    Participant

    Hello, I have updated it and still having the same issue.

    Many thanks

    #887919
    belayachimarouane
    Participant

    Resolved it! I added the code to a new class!

    Thanks a lot.

    #888073
    Thai
    Moderator

    Glad you’ve sorted it out.

    If you need anything else, please let us know 🙂

    #888337
    belayachimarouane
    Participant

    Hello,

    Actually, I can visualise the change on chrome. But when I try it with private navigation I can still see the original problem. Same with Safari and Firefox.

    Can you tell me please if it’s the same with you ? url : http://stouch.eu

    Should I use any caching plugins ?

    Thank you

    #888497
    belayachimarouane
    Participant

    Once again, solved with a caching plugin! Thanks a lot <3

    #889116
    Nabeel A
    Moderator

    Glad you’ve sorted it out.

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-887172 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>