-
Posts
-
I am haing some issues with this theme
1. The images for galleries are still not showing even though I have added code into custom css you have told me to add from previous support ticket.
http://latishawoodonline.com/body-paintings/
http://latishawoodonline.com/fashion/
It works on galleries that have not that many images like – http://latishawoodonline.com/drawings/ but the images are shown at like 40% opacity on the galleries that have a lot of images and only show full opacity once user has scrolled.
2. The gallery is not responsive… When I resize the browser the thumbnail images all keep their same height and adjust only their width causing a distorted thumbnail image that looks really bad. The entire thumbnail should resize.
I own may Kriesi themes and this one seems to have more issue than the other ones.. Hopefully you can resolve this gallery issue soon and add an updated theme to themeforest so I can use for future projects…
Here is the custom css I have added that you have given me from other support tickets.
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 25%;
max-height: 147px;
height: 147px;
}
#top div .avia-gallery img {
height: 100%;
max-height: 100%;
}
Can you please help fix this or send me new theme pages or css code since the photo gallery is the most important part of this website I am doing and it currently has multiple issues.
Thank you
Hi,
1.) All the gallery images are showing, it takes time. I suggest you upgrade your domain service plan to speed up the page load. You can also use cdn, caching plugin, minify plugins and optmize images to increase page loads.
2.) Remove the height, use this instead:
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 25%;
max-height: 147px;
}
#top div .avia-gallery img {
max-height: 100%;
}Regards,
Ismael
The new code fixed the issue of the aspect ratio when resizing the browser, but I have the old problem I was having – the thumbnail images are not creating a perfect grid, and there is a big gap between one of the rows see link here – http://latishawoodonline.com/body-paintings/
In regard to – 1.) All the gallery images are showing, it takes time. I suggest you upgrade your domain service plan to speed up the page load. You can also use cdn,
I am on a $350 per month dedicated virtual server with mediatemple.net with 8Gb ram so I am not using “cheap” hosting and there are not that many sites on the server. The images always load fine on other pages as seen here – http://latishawoodonline.com/motorcycles/ and never have a problem when there are not to many images. As soon as the gallery has a lot of images the thumbnails show at 50% opacity until the user scrolls the browser. I thin it needs some code to force loading of the gallery everytime since it seems to only actibvate the load on galleries with many images when the user scrolls.
Hi,
You can switch off the gallery’s gray out feature while loading the images. Please refer to this link:
https://kriesi.at/support/topic/scrolling-to-bottom-before-gallery-loads
Add the old fix again:
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 25%;
max-height: 147px;
height: 147px;
}
#top div .avia-gallery img {
height: 100%;
max-height: 100%;
}We can fix the gallery with Media Queries, I guess the stretching of the images comes out on less than 800px screen width. It stretches again once more on 400px width screens.
@media only screen and (min-width: 768px) and (max-width: 989px) {
#top div .avia-gallery img {
max-height: 100%;
height: 100px;
}
}
@media only screen and (min-width: 320px) and (max-width: 520px) {
#top div .avia-gallery img {
max-height: 100%;
height: 70px;
}
}Regards,
Ismael
- The topic ‘Images still not showing all the time for galleries and aspect ratio's distorted’ is closed to new replies.