Is there a way to set a maximum width for the Ajax image list portfolio section (the area that pops up after you click a thumbnail that displays the image?).
I would like to decrease the size by about 100px, because it’s displaying my portrait images way too big. It’s also making them blurry, which I don’t understand, because the width of the images is well above the 610px width area that they are filling.
Hi kriru,
Use the plugin to first regenerate all of your thumbnails. None of them seem to have actually be generated: http://wordpress.org/extend/plugins/simple-image-sizes/
When outputting the grid you can choose the size of the image being shown by selecting “Choose the preview image size manually” from the Preview Image size dropdown. Then you can choose an image size you want so that they will be consistent. There are of course the WordPress limitations which can do some odd things with images. So its best to use images that are near in size and bigger on both edges than the place they will be displayed.
For your current grid the image container is 248px wide so picking an image with at least that width will keep the image from showing pixelated.
Regards,
Devin
Perhaps this plugin may also be of assistance in your case, if supported by your server configuration:
http://wordpress.org/support/plugin/imagemagick-engine
Hi bobbymc,
Try re-downloading the theme from your downloads on ThemeForest and then re-installing the theme folder by folder via FTP. For a quick guide on uploading your theme over FTP take a look at this video on updating the Enfold theme via FTP: https://vimeo.com/channels/aviathemes/67209750
Regards,
Devin
Open up wp-contentthemesenfoldconfig-templatebuilderavia-shortcodespostslider.php and replace
$output .= $thumbnail ? "<a href='{$link}' data-rel='slide-".avia_post_slider::$slide."' class='slide-image' title=''>{$thumbnail}</a>" : "";
with
$output .= $thumbnail ? "<a target='_blank' href='{$link}' data-rel='slide-".avia_post_slider::$slide."' class='slide-image' title=''>{$thumbnail}</a>" : "";
and
$permalink = '<div class="read-more-link"><a href="'.get_permalink($the_id).'" class="more-link">'.__('Read more','avia_framework').'<span class="more-link-arrow"> →</span></a></div>';
with
$permalink = '<div class="read-more-link"><a target="_blank" href="'.get_permalink($the_id).'" class="more-link">'.__('Read more','avia_framework').'<span class="more-link-arrow"> →</span></a></div>';
Hi!
I will put a target blank to the single post thumbnail for my Blog in Grid Layout and also a target blank for the Title of the Blog posts…
Please help me to figure out where i must put target=”_blank”
Thank you so much
Hi,
You can use a plugin to do that, however it may require some coding.
Regards,
Josue
Hi,
I have replaced the code with the above and tried both full and extra_large settings but the thumbnails still look blurry.
Thanks
You can change the preview image size with a filter. Insert following code at the bottom of functions.php
add_filter('avf_ajax_preview_image_size','avia_change_ajax_preview_image', 10, 1);
function avia_change_ajax_preview_image($size){
$size = 'featured';
return $size;
}
and (if necessary) replace the “featured” thumbnail size with “full” or “extra_large”.
You can change the preview image size with a filter. Insert following code at the bottom of functions.php
add_filter('avf_ajax_preview_image_size','avia_change_ajax_preview_image', 10, 1);
function avia_change_ajax_preview_image($size){
$size = 'featured';
return $size;
}
and (if necessary) replace the “featured” thumbnail size with “full” or “extra_large”.
Wow, fantastic. Quick response excellent result. The images look great. Many thanks
Another image issue, I’m using the Ajax Portfolio. I wanted to use the Gallery setting but the thumbs are really blurry also. I would like to display either 4 or 6 thumbnails.
Also the large image with the Ajax portfolio I have created at 800 x 650 I would love it if this could be sharper too.
Hi,
I fixed it. I changed the thumbnail size of the gallery images and applied a small patch which fixes a js error when you use menu names with non Latin characters (eg Cyrillic or Greek characters).
Hi,
Please edit that line on functions.php, replace it with:
$avia_config['imgSize']['portfolio_small'] = array('width'=>514, 'height'=>370 ); // images for portfolio 4 columns
It will double the size of the cropped portfolio thumbnail. Regenerate the thumbnails: http://wordpress.org/plugins/regenerate-thumbnails/
Regards,
Ismael
Could you advise the correct side of the images to ensure the thumbnail images generated within the 4 column portfolio gallery are rendered sharp.
When I click on the light box feature they look great- sharp as, but the thumbs are very poor quality. This is my portfolio of work so it needs to look great.
I have tried this size mentioned in the theme documentation but it looks blurry too.
$avia_config = array(‘width’=>260, ‘height’=>185 ); // images for portfolio 4 columns
I’m currently making them 800×650 (the size I got off a screen grab of the sample site)
I look forward to your response.
On the gallery with the large image and thumbnails below, is it possible to transition to a thumbnail on a clicked thumbnail instead of just hovering over it?
Also, Instead of having rows upon rows of gallery thumbnails (yes I have 12 per row) is it possible to keep them all on a row and have an arrow for more thumbnails or they would scroll right to left as you went through the gallery?
The gallery as a whole would function a lot like this: http://soliloquywp.com/addons/thumbnails/
Thanks for all of your help.
Having the same problem. Have set Featured Image for each item and still just getting portfolio page item name on grid and no image displayed.
Thanks
I have checked the thread and the plugin.
But I fail to see how it can help me set a standard size for all th featured images shown in ur theme
I did little digging and added the code set_post_thumbnail_size( 150, 150, true ); to functions-enfold.php but seems it deprecated.
Please help
Hi,
I’m not sure which is which but please try to regenerate the thumbnails on the language with the Gallery not working.
http://wordpress.org/plugins/regenerate-thumbnails/
Regards,
Ismael
Hi Devin,
Thanks for your quick response. Actually I did not mean the single posts, but the so called “Blog Posts” content element when using the Avia Layout Builder:
E.g. the Recent News item on this page:
http://kriesi.at/themes/enfold/homepage/home-v4-small-slider/
Or the Latest News items on this page:
http://kriesi.at/themes/enfold/homepage/home-v3-3-column-with-blog/
The div I would like to add a category class to, is the one with the .slide-entry class:
<div class="slide-entry flex_column post-entry post-entry-250 slide-entry-overview slide-loop-1 slide-parity-odd av_one_third first real-thumbnail">
As you can see, the post ID has already been added as a class… If there is a way to add the category that would be great.
Regards, Bas
You can either do that or just let the thumbnail regeneration plugin run and see if that does it: http://wordpress.org/extend/plugins/regenerate-thumbnails/
Hi, I want to use the Logos-showcase plug-in (http://codecanyon.net/item/logos-showcase-multiuse-responsive-wp-plugin/4322745) with Enfold but the hover on logo thumbnails not working with URL link (the image disappears).
They work when the logo doesn’t have link.
The hover function use this CSS :
Code:
.lshowcase-hover-grayscale:hover {
filter: url(“data:image/svg+xml;utf8,<svg xmlns=’
http://www.w3.org/2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0’/></filter></svg>#grayscale”);
opacity: 1;
}
The plug-in work correctly with the core themes of WordPress…
regards.
Jean
Hi Andi,
You need to use this plugin to regenerate your images: http://wordpress.org/extend/plugins/regenerate-thumbnails/
Any newly uploaded ones should have their thumbnails correctly generated.
The theme doesn’t have support for more than 4 thumbnails at the moment.
Regards,
Devin
When you upload an image to WordPress it gets processed by the code of both your active theme and any active plugins. By itself, WordPress creates a small thumbnail and a medium sized thumbnail and stores those in your uploads folder with the original image.
The theme and any plugins will tell WordPress to also create some other thumbnail images to be used for other things. These are defined in the functions.php file of the theme.
So when you rotate the image after it has already been uploaded you aren’t actually rotating all of those other images that were created when you uploaded.
What this means is you will need to regenerate your thumbnail images after you’ve rotated the original so that all the thumbnails are regenerated based on the new orientation of the original.
It’s me again Devin:)
I realise my explication is bad.
Her is the short version:
Images that I have rotated are sometimes rotated back when I use them on the website. To me it looks like this is mostly in thumbnail or preview mode.
There is several on my front page right now..
If the image is getting modified after it has been uploaded my guess is that WordPress doesn’t actually re-generate all of the thumbnails. So what you will need to do is use this plugin to do so after any change to the image orientation: http://wordpress.org/extend/plugins/regenerate-thumbnails/
Regards,
Devin
Okay.
Please tell me how to resolve the following issues
1. Show only 4-5 lines of the post on homepage and leave a link of read more for the rest
2. When I share any post on facebook, the thumbnails choice only offers to use the logo image despite an image being present in the post. Sample http://www.epicresearch.co/learningcentre/rich-or-wealthy-know-the-financial-planning-way/
Hi htarrant,
After each change of the function you must regenerate your thumbnails to have the changes reflected on your actual images. For cropping, you need to set crop to true. For example:
$avia_config['imgSize']['extra_large'] = array('width'=>1500, 'height'=>1500 , 'crop' => true); // images for fullscreen slider
Regards,
Devin
Hi Devin,
Ok I have deactivated all plugins but still have the issue.
One thing I noticed is that when you hover over a thumbnail image, the caption below the big image disappears. The padding and margins remain though.
Here is the link to view the issue on the website:
http://kitodev.com/portfolio-item/kito-l5lb-lever-hoist
Thanks for the help!
Regards,
Matt
Hey,
You need to regenerate the thumbnails using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/
Regards,
Ismael