Hi,
When viewing our website in Safari on pages where we have the masonry grid The “thumbnail” images are not appearing. If you click the image, then the larger image pops up, but the grid does not show. Is there any way to remedy this? We have the latest version of enfold and wordpress.
Thanks
Hey!
Thank you for the info.
Look for this line of code:
echo '<div class="entry-content" '.avia_markup_helper(array('context' => 'entry_content','echo'=>false)).'>';
echo $content;
echo '</div>';
Replace it with:
echo '<div class="entry-content" '.avia_markup_helper(array('context' => 'entry_content','echo'=>false)).'>';
if(!is_archive()){
echo $content;
} else {
$excerpt = get_the_post_thumbnail( get_the_ID(), "large");
$excerpt .= get_the_excerpt();
$excerpt .= '<a href="'.get_permalink().'" class="more-link">'.__('Read more','avia_framework').'<span class="more-link-arrow"> →</span></a>';
echo $excerpt;
}
echo '</div>';
Cheers!
Ismael
Hi!
Thank you for the info.
Please use this on Quick CSS or custom.css:
#top .inner_product .thumbnail_container img {
max-height: 229px !important;
}
Cheers!
Ismael
The only thing I am actually having trouble with is the size of the thumbnails.
If you go here : http://kriesi.at/themes/enfold/blog/masonry-blog/
The image sizes are perfect.
But on my page I get just two images per row.
I have tried each one of the display formats, and I have even tried using a couple of your images to see if it was my place holder images causing the problem.
I have also tried the landscape and portrait tags but that didnt work either.
Any ideas?
=======
Solved – I was putting the masonry within a 1 column layout element as a container, if i remove the container and just dump the masonry element it works perfectly.
Sorry, hope this helps some one else though!
-
This reply was modified 11 years, 9 months ago by
checkitwriteit. Reason: solved problem
Hi!
Thank you for the update.
The gallery is using the 150x150px thumbnail size for the gallery thumbnails now. They are align perfectly. Please remove browser cache then reload the page a few times. http://alter-ego.it/wp/basso/
Best regards,
Ismael
sure..
here is the plugin with the plugin theme im using : http://vimeography.com/themes/aloha
its loos like its not grabbing the right thumbnail size… its a little bit cropped..
Hi!
Thank you for the info.
Our suggestion above should increase the thumbnail size. Please try this:
.av-magazine-thumbnail img, .av-magazine-thumbnail {
width: 80px !important;
}
Remove browser cache then reload the page a few times.
Regards,
Ismael
This reply has been marked as private.
I can diagnose the problem to a certain extent if it helps
This one product labelled Triangle Blue Fringe Bikini priced at £17.00 is scaled down to 231 x239
slightly more then the other thumbnails at 231×231
Okay this isn’t a problem when you just click on Ready To Wear and it shows the products. How ever when you click swimwear and press refine it then causes the issues. I know this because I have deleted this product and worked fine. So what is needed I think is a max height css style rule for these thumbnails to prevent this happening?
Whats your view on this. And why does this only happen after a product refine :s confusing!?
is there a way to remove the thumbnail for the post slider ?
thanks in advance
Hey,
In the past, I recall creating a media element in ALB, then switching back to the default editor to grab the raw code for that media element, allowing me to paste it straight into blocks of html or even widgets, such as below:
[av_gallery ids='5530,5531,5532,5533,5538,5534,5537,5536,5535' style='thumbnails' preview_size='portfolio' crop_big_preview_thumbnail='avia-gallery-big-crop-thumb' thumb_size='thumbnail' columns='3' imagelink='lightbox' lazyload='deactivate_avia_lazyload']
However, when I try to flip back to the default editor now I cannot see any code – I just have a blank editor. Is it still possible to grab the code for media elements, or they visible only in ALB? Even if there’s a way to make a gallery and grab the image ID’s, I can obviously paste the new image ID’s into the code above?
Thanks, Graeme
Yigit,
It changes the size of the box not the image sir.
I tried adding .av-magazine-thumbnail img { width: 80px; } but did not work.
Hi Yigit
I have done as you said, but thumbnail size not changing. I have attached link.
Thanks
http://www.mixedmediawebs.co.za
Hi mixedmedia99!
Please go to WooCommerce > Settings > Products and adjust the sizes under “Product Image Sizes” then regenerate thumbnails using this plugin – http://wordpress.org/plugins/regenerate-thumbnails/
Cheers!
Yigit
Hi
Is it possible to increase the size of the product thumbnails? at default they are 120 x 120, I want them 110 x 146.
Changing the size in product settings doesn’t alter the size.
Thanks
Hi!
You can suggest new template elements here: https://kriesi.at/support/enfold-feature-requests/ and if more users vote for it we’ll look into it. Personally I think it’s not very intuitive to open a gallery by clicking on a single image especially because many themes/websites show slideshow controls or preview thumbnails of the gallery images. If these thumbnails are missing many users will probably miss the hidden gallery images.
Regards,
Peter
Hi LecheLMP!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-magazine-thumbnail { width: 80px; }
Best regards,
Yigit
How can I make the thumbnails on the magazine plugin bigger? (theirs the main large one but im talking about the smaller ones how can I make those biggers in terms of width and height) thanks.
http://www.iamlmp.com/test-page/
Hi enfold
If you go to http://www.jasminesboutique.co.uk/product-category/ready-to-wear/
and select to refine products on the right hand side and choose swimwear if you scroll down a bit there appears a line where there is only 1 product. Can you provide any insight as to why this happens?
I know with the Gallery feature sometimes does this if I don’t set the thumbnail size to “Square”
Please advise if you can. Any feedback is much appreciated
Hi!
Please let us know if it works. We added a conditional statement on $size variable that will assign a different thumbnail size, square in this case, on the slider. As Dude described, you can use different thumbnail size. If you want to know where these thumbnails are coming from, check functions.php, find this codes:
$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news
$avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180); // small image for blogs
$avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>430 ); // images for fullsize pages and fullsize slider
$avia_config['imgSize']['featured_large'] = array('width'=>1500, 'height'=>630 ); // images for fullsize pages and fullsize slider
$avia_config['imgSize']['extra_large'] = array('width'=>1500, 'height'=>1500 , 'crop' => false); // images for fullscrren slider
$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
$avia_config['imgSize']['gallery'] = array('width'=>710, 'height'=>575 ); // images for portfolio entries (2,3 column)
$avia_config['imgSize']['magazine'] = array('width'=>710, 'height'=>375 ); // images for magazines
$avia_config['imgSize']['masonry'] = array('width'=>705, 'height'=>705 , 'crop' => false); // images for fullscreen masonry
$avia_config['imgSize']['entry_with_sidebar'] = array('width'=>710, 'height'=>270); // big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1030, 'height'=>360 ); // images for fullsize pages and fullsize slider
Cheers!
Ismael
Hi!
Thank you for the info.
Please do not change the settings on the Media panel. Edit the page with the gallery and portfolio. On the page with the gallery, edit the Gallery element then look for Gallery Preview Image Size. Select the thumbnail size manually. On the portfolio page, edit the Portfolio Grid element then look for the Portfolio Grid Image Size, choose the second option. Manually select the thumbnail size on Select custom image size setting.
Cheers!
Ismael
Hi Ismael,
Thank you for your reply. I still not have solved the issue. I uploaded my images in different sizes and I tried different settings combinations. My problem is with the Image Gallery, but also with the Portfolio Grid (thumbnails of different sizes) and the image in any post of my blog. That’s why I think there is a general setting that I am missing. I didn’t have this problem in the old server.
In Settings>Media I have default measurements:
Thumbnail size 80×80
[YES] Crop thumbnail to exact dimensions (normally thumbnails are proportional)
Medium size 300×300
Large size 1030×1030
In the Gallery Preview Image Size option, I have the following:
Gallery Style: Big Image with thumbnail below (80×80) >> this is OKAY
Gallery Big Preview Image Size: Portfolio 495×300 >> THIS PARAMETER DOES NOT PASS and FIRST IMAGE IN GALLERY SETS OTHER IMAGES SIZES STRETCHING THEM IF THEY ARE SMALLER
No: Do not force same size for all big preview images
Gallery Columns: 6
Lighbox: YES
Your help will be highly appreciated as I am clueless at this point.
Thank you,
Valentina
Hi!
1) To change the color of the cart page font use this code:
.woocommerce-cart .main_color span{
color: #333;
}
2) You can change the “Ähnliche Produkte” font color with:
#top #wrap_all .related.products h2, #top #wrap_all .upsells.products h2 {
color: #333;
}
3) The single product pages do not have a sidebar in the common sense and the widgets (Single Product widget area) display underneath the product thumbnail. If you want to hide them use some css code:
.single-product .sidebar {
display: none;
}
Cheers!
Peter
Hey alteregousa!
Thank you for visiting the support forum!
First, edit the gallery then look for the Gallery Preview Image Size option. Select the thumbnail size that you want. For the portfolio grid, edit the element then look for Portfolio Grid Image Size. Choose the manual thumbnail selection option.
Cheers!
Ismael
Hi Omer!
Did you recently update the theme files? If so that would write over the changes made to your functions file so they would need to be redone. If you aren’t already using a child theme to keep changes like this safe from updates you can instead (in this case) use this plugin to change the values of your WordPress thumbnails from within the WordPress admin: http://wordpress.org/extend/plugins/simple-image-sizes/
Cheers!
Devin
Hi rlaucello1!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.av-magazine-thumbnail { width: 80px; }
Regards,
Yigit
Could someone show me how to change the small thumbnail size for the featured image on the magazine element? I only want to change the small thumbnail not the bigger one.
Thanks for your help. I enjoy using your theme very much.
Yes, working now! Thanks so much – I’m guessing that the blurry thumbnails issue was addressed in the latest update, so all is well :)
Hi there,
Our masonry portfolio aspect ratio seems to be locked in a square. For whatever reason, it seems to be padding the left and right sides of our images with a white border.
I have the ‘flexible masonry’ option selected. Any ideas?
Thanks!
Hi,
I just moved my website from a domain to another. I am using the same wordpress version and enfold theme.
The transfer was smooth and everything is working as before except that the thumbnail size.
In the gallery, in the portfolio, and in the news, I have images of variable measures and not fixed as before.
I would like to have the grid with a fixed size because my images are all different sizes.
What am I missing?
Thank you for your help. I’m very, very happy with Enfold.
Valentina