-
Posts
-
Hi, I’ve created a masonry gallery and a few images that are of greater than 16:9 ratio to get large images. They seem to have a knock-on effect in safari.
Am I doing something incorrectly, can you help?
http://christianmacleod.com/dev/shop-collection-grid/Thanks
StevenHi Steven!
Your site looks exactly the same in Chrome and Safari for me, can you post a screenshot of your view? also what version of Safari are you using?
Regards,
JosueHi, I am now running the latest version but there are still some gaps at various display and browser sizes:
1024 wide Safari, 1600 wide Safari, 1920 wide Chrome. I can send more image links if you require.
http://christianmacleod.com/dev/shop-collection-grid/
Thanks
StevenHey!
I’ve asked Kriesi to look into this as I’m getting it not only on Safari now but others as well.
Best regards,
DevinHey! Gaps can happen for 2 reasons:
1.) If multiple larger elements are located near each other there might be no small element to fill a gap. This can be fixed by spreading out the large elements
2.) The elements get their width by a % of the screen, however the isotope script (a 3rd party script that calculates the positions) )works with fixed pixel values. Unfortunately with the current version of the isotope script rounding error occur now and then and we need to wait for the new updated version of the script to fix the issue
Right now the only way to solve the problem would be to use the grid that sets all elements to the same grid size, but the next version of the isotope library is already in beta so I hope to add it to the theme soon :)
Cheers!
KriesiHi Kriesi, thanks for the response on the masonry gallery. I hope the script update can fix the issue, in the meantime we will go with another solution.
Since the theme update the images now ‘flip’ into place, how do I stop this and how can I make the background colour black?
Thanks again
StevenHi!
Can you post a link to the page where the images ‘flip’ into place? I’m not sure what you mean with “flip into place”. You can change the background color of the masonry elements with:
#top .av-inner-masonry.main_color{ background-color: #000000; }Cheers!
PeterThanks, Peter – http://christianmacleod.com/dev/shop-collection/
Although, now I’ve changed the background of the gallery and the elements to black you can’t see them flip.
Is there a way to make them fade in and how can I stop the elements enlarging on mouse over.
Thanks
StevenHi!
1) I can’t reproduce this “flip” but I’ll mark it for Kriesi – maybe he can reproduce it on a Mac and knows what causes this issue.
2) To remove the mouse hover effect insert this code into the quick css field:
.avia_desktop .av-masonry-entry:hover .av-masonry-image-container { -webkit-transform: none; -moz-transform: none; transform: none; }Regards,
PeterHello,
I tried to add a massonary images and i selected just some pictures and my bug is that all my pictures are displayed
- You must be logged in to reply to this topic.