zoom on hover

User 2548755 Photo


Registered User
15 posts

Is there any video's showing how to zoom pics on hover? Mine are all over the place and getting lost behind the pictures beside them.
User 2846109 Photo


Ambassador
341 posts

I'm not sure if there are any videos that show this in site designer but you could try raising the Z index of the elements that are getting lost behind other pictures. It could be an issue if you have many elements very close to each other also.

If you post some examples/files of your problem it might be easier for us to assist.
http://www.pixelandpoly.com/ (built with Bootstrap Builder)
Video Tutorials - https://www.youtube.com/channel/UCQMcF0 … EKA/videos
The Universe from A to Z - https://universeatoz.com/ (built with Foundation Framer)
User 122279 Photo


Senior Advisor
14,454 posts

Catherine, check out my sharing library (adress in signature). I have a 'Zoom on hover' file there, both for RFF/RSD and SDv3. See if you can use it.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2548755 Photo


Registered User
15 posts

Here is a link to one of the pages. I guess I need to understand the z index more.

http://kjx2giftshop.coffeecup.com/4home.html
User 2548755 Photo


Registered User
15 posts

Thank you Inger - I will check that out.
User 2846109 Photo


Ambassador
341 posts

I see how they are not flowing correctly at some smaller break points. I would make sure that all the elements will stay in a single column at that break point. When you hover it looks like some of them are jumping onto the previous row.

Basically it seems to be an issue with how the elements are flowing rather than the hover itself. To me anyway.

You can zip the site designer file and post it here if you'd like as well for us to look at.

http://www.pixelandpoly.com/ (built with Bootstrap Builder)
Video Tutorials - https://www.youtube.com/channel/UCQMcF0 … EKA/videos
The Universe from A to Z - https://universeatoz.com/ (built with Foundation Framer)

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.