-
Posts
-
Hello,
I know there have been a number of posts about this but surely there must be a way to force the portfolio image in ajax to display at a smaller (or particular) size. I have managed with the help of other posts to get my thumbnails to be a little sharper but my website (which relies heavily on quality images) is really let down by the blurred looking ajax image (the larger one). I have over 300 images which are flattened psd files (png’s) so making each psd larger and then using that is simply not an option. The image that loads in ajax only has a small text description so there would be plenty of room to reduce the size of the ajax box.
So, I am hoping there is some way of fiddling this otherwise I will have to turn ajax off completely which is a shame because it does add visual benefit but at the moment the image quality and size restrictions are far too limiting.
Any help would be appreciated.
Thanks
Andrew
Hey awilson3rd!
The ajax portfolio images should be at least 684 pixels wide. Its one of the few hard limits the theme has for setting up content but because of the way the portfolio items are pulled in via ajax Kriesi limited them to a specific layout.
The thumbnails below them can be modified by changing your WordPress thumbnail size and/or the number of columns to be shown. The column count dictates the size of the square, the thumbnail size is the source used.
For you, since the images are already in photoshop I would say just run an action to resave them at a larger size since it can be automated and run as a batch. If the sources aren’t large enough then the ajax portfolio may not be a good fit unless you are looking to have the theme files customized.
Cheers!
DevinHello Devin,
Thanks for the reply.
I have managed to change the dimensions of the image that gets displayed in the ajax box (the main large image), not sure if this will have an effect on other areas but so far so good. I must say though to anyone else reading this that this only worked for me because the ajax was upscaling my main ajax image, not sure it would be suitable for other users. Also, this only works if you have a ‘single image’ in the ajax description, not a gallery of images.
Anyway, here’s what I added to the custom css:
#top .portolio-preview-list-image, #top .portolio-preview-list-image img{
margin-left:10%;
display:block;
position: relative;
width:80%;
}The width sets the image to 80% of the ‘upscaled’ size so you would need to play around with it to get a best fit for the original image size/resolution. The margin left sets the image to be centered in the ajax box, otherwise it aligns to the left.
As advised, this works for me – however, if you think this would cause issues in other areas of the theme (I only use ajax for preview) then please let me know.
Thanks
Andrew
- You must be logged in to reply to this topic.