Hi dsgnerfw,
You should be able to add a featured image to your posts and it will set the small thumbnail in those widgets.
Regards,
Devin
I tagged this thread for Devinv because he can test your website on a Mac. I tested it on Win8 with Chrome and it seems to work for me: http://www.screenr.com/0a8H
Try following – in wp-contentthemesenfoldincludeshelper-post-format.php replace:
$prepend_image = get_the_post_thumbnail(get_the_ID(), 'large');
with
$linkimg = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full' );
$prepend_image = get_the_post_thumbnail(get_the_ID(), 'large');
$prepend_image = '<a href="'.$linkimg.'">'.$prepend_image.'</a>';
open up shortcode.js and search for this code around line 205:
//trigger displaying of thumbnails
gallery.on('avia_start_animation', function()
{
images.each(function(i)
{
var image = $(this);
setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
});
});
change it to:
//trigger displaying of thumbnails
gallery.on('avia_start_animation', function()
{
images.each(function(i)
{
var image = $(this);
setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
});
}).trigger('avia_start_animation');
gallery thumbs should then load immediately
Hi,
Sometimes, the best way to get sharp thumbnails is to create thumbnails that fits exactly on the container. This is why we need to change the thumbnails sizes on functions.php. Can you give us a link to your website?
Regards,
Ismael
Hi,
Suggested image size for that kind of layout is 666x539px. You can change this line on functions.php
$avia_config['imgSize']['gallery'] = array('width'=>710, 'height'=>575 ); // images for portfolio entries (2,3 column)
Regenerate the thumbnails.
Regards,
Ismael
Thanks, Ismael,
How do you regenerate the thumbnails?
Hi,
You can change the image size on functions.php
$avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column)
$avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns
The code above are thumbnail size for 2,3 or 4 column portfolio. Regenerate the thumbnails after.
Regards,
Ismael
Hello!!
Thank you for all your help so far. I love this theme and am excited to create my best work yet because of all of you.
I need help with W3 Total Cache. I’ve set it up with minimal settings. I would love to do whatever it is you did to the demo site. When I load my site, in Pingdom Tools all my css files are being loaded separately. If I auto minify all of the css is lost. How would I go about combining all the css. Also, I am using a child theme.
When I go with the minimal settings for the minify and just have the js on, I loose some functionality. Right now I notice that my blog preview buttons no longer show the next thumbnail. I love this feature and would like to keep it. I think I am having trouble because of how the theme is set up for every possibility but I could also be missing something.
The browser is also searching for an empty/non-exsistent style.css.
Here are links to my 3 altered settings on W3 Total Cache and website performance:
Page
Minify
Browser
Pingdom
Thank you for your time and knowledge.
Bethany
Hello! Great theme, I’m really enjoying using it. One of my coworkers loaded up a test page I setup in Safari 5.1.7 on Mac Lion 10.7.5 and he’s not seeing the hover links to go to the full bios for each team member:
http://www.cogitocorp.com.php53-17.ord1-1.websitetestlink.com/?page_id=1439 <–Here’s the test page
I’ve setup sub-pages with a full bio and large photo for Team Members “Deric Corwin” and Chuan Zhang” on that page, and for some reason he doesn’t even see the links on hover at all. Any idea how I can fix this?
Thanks!
And also for the footer area there’s a widget for Popular | Recent | Tags.
And there are empty boxes or blank thumbnails to the left. How do I add images ? In the individual posts or is there something that I’m missing?
And how do I change the outlines so I can remove it ?
Hey!
Did you try to change the thumbnail size on the WooCommerce settings page (WooCommerce > Settings > Catalog)? Please change it if required and regenerate the thumbnails with: http://wordpress.org/plugins/regenerate-thumbnails/
Best regards,
Peter
Hi,
You are correct. If you measure 2 column portfolio without sidebar, the thumbnail size is 514x415px. So you need to make up your mind. If you are going to use the 3 column portfolio you can change this line on functions.php
$avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column)
Replace it with
$avia_config['imgSize']['portfolio'] = array('width'=>342 'height'=>276 ); // images for portfolio entries (2,3 column)
If you like to be specific with the 2 column portfolio view without sidebars, use this instead
$avia_config['imgSize']['portfolio'] = array('width'=>514, 'height'=>415 ); // images for portfolio entries (2,3 column)
The exact thumbnail size for 4 column portfolio inside the container is 257×183. You can modify this line
$avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns
Regenerate the thumbnails using this http://wordpress.org/plugins/regenerate-thumbnails/.
Cheers,
Ismael
Is there a specific image size for the header to work properly ? or should I just change it in quick css ?
And also for the footer area there’s a widget for Popular Recent Tags.
And there are empty boxes or blank thumbnails to the left. How do I add images ? In the individual posts or is there something that I’m missing?
Hi,
Please add this on your custom.css
.news-thumb {
min-width: 36px;
min-height: 36px;
width: 36px;
height: 36px;
}
Regards,
Ismael
Hi,
is there a way to force the products and categories thumbnails to get the same size? Ideally, they should be automatically stretched or shrinked to the correct height (or width?) so they are all well aligned in the products catalog.
I tried the following code in the quick css
#top.archive .thumbnail_container {
min-height: 180px;
max-height: 180px;
}
The images are well aligned, but it seems the images are cropped.
Thanks,
Thomas
Now the image of widget are so big that the description desapear. Check: http://diamondblackdever.com/blog/
Hi,
Sorry for the delay.
1.) The arrows are there and it is colored white. You can’t see it because the thumbnails have a white area at the bottom. Try to add this on your custom.css
.avia-arrow {
background: red !important;
}
2.) To fix the blurry thumbnails on your portfolio. Edit functions.php then find this code
$avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns
Replace it with
$avia_config['imgSize']['portfolio_small'] = array('width'=>257, 'height'=>183 ); // images for portfolio 4 columns
Regenerate the thumbnails using this plugin. http://wordpress.org/plugins/regenerate-thumbnails/
3.) I can see that the background header image is fixed.
4.) The tabs on this page (http://www.chaja-design.nl/chajanew/zakelijke-hosting/#tab-id-1) is working fine on 320px width view. I don’t have an actual mobile to check this out but I think they are ok.
Cheers,
Ismael
Glad Nick could help :)
Let us know if you have any other questions or issues.
Regards,
Devin
This is a bug and we’ll fix it in the next update. For now you can fix it by modifying wp-contentthemesenfoldframeworkphpclass-framework-widgets.php. open up the file and replace:
if( $slides != "" && !empty( $slides[0]['slideshow_image'] ) )
{
$image = avia_image_by_id($slides[0]['slideshow_image'], 'widget', 'image');
}
$time_format = apply_filters( 'avia_widget_time', get_option('date_format')." - ".get_option('time_format'), 'avia_get_post_list' );
with
if( $slides != "" && !empty( $slides[0]['slideshow_image'] ) )
{
$image = avia_image_by_id($slides[0]['slideshow_image'], 'widget', 'image');
}
if(!$image && current_theme_supports( 'post-thumbnails' ))
{
$image = get_the_post_thumbnail( get_the_ID(), $image_size );
}
$time_format = apply_filters( 'avia_widget_time', get_option('date_format')." - ".get_option('time_format'), 'avia_get_post_list' );
I Do that, But not appear
exactly what I wanted! How do you do???? :)
On the right hand side of the visual editor is a wordpress meta box named “Featured Image”. If you don’t see it, go to the top right of your screen and click the Screen Options tab. Check the box for Featured Image then close the tab and you should now see the featured image box.
You just click on Set Featured Image and it will prompt you on setting one.
Regards,
Devin
Re 2) – the reason is that you didn’t set portfolio thumbnails. The navigation won’t work if the portfolio items don’t have featured images ( https://kriesi.at/support/topic/portfolio-filter-not-showing-up ).
Re 3) To display all categories doesn’t make sense if you’re using pagination (like here: http://www(dot)gt-motors(dot)fr/vehicules-sur-mesure/ ) because the filter won’t show any items if the filter criteria isn’t fulfilled. So if eg page 1 just shows cars from BMW and Jaguar and the filter navigation contains links for Fiat, Ferrari, BMW and Jaguar and the user clicks on “Ferrari” he’ll just see an empty page. This is imo more irritating than just showing all valid filter criterias. This is not a bug but an intended behavior because the isotope script ( http://isotope.metafizzy.co/ ) just rearranges/sorts all existing entries on the current page and it won’t load any content from other pages – thus if the user clicks on the filter links on page 1 it just sorts/filter all items on page 1 without loading items from page 2,3, 4, 5, etc.
thanks Nick, now I have a withe space between the columns, but I have also the border around the thumbnail, may I remove it?
How can I set the image as a featured?
Hi. I actually had the same question. I spent quite a bit of time trying to figure this out. Is there any suggestions on how we can re-enable the thumbnail setting? Thanks!
Hi iqueda,
Do you mean the tabs widget? If so, the thumbnails will only appear if you set a featured image for a post.
Regards,
Devin