Hi Basilis, unfortunately your solution doesn’t change the situation, Actually I see that the masonry thumbnail has the following code on the link

<a id="av-masonry-1-item-1970" class="av-masonry-entry isotope-item post-1970 post type-post status-publish format-standard has-post-thumbnail hentry category-marble tag-landscape-en tag-portait-en all_sort marble_sort av-masonry-item-with-image av-grid-img av-masonry-item-loaded" href="http://www.alessandrapoliti.com/en/rinoceronte/" data-av-masonry-item="1970" title="Rinoceronte" itemscope="itemscope" itemtype="https://schema.org/CreativeWork" style="position: absolute; left: 49.7601%; top: 0px;">

Elena

Dear All,
Problem solved! I used the plugin “Regenerate Thumbnails” and that did the trick.
Thank you again Mike and Victoria for your help with the CSS!
Cheers,
Tim

Dear Victoria,

Excellent! Thank you. That solved the size problem… BUT!, now I’ve got distorted thumbnails, as you can see here or here.

The question is: how do I bulk change the thumbnails to link to the proper image? In the media setting the thumbnails are 300 x 300, but somehow the thumbnails were ‘hardwired’ to a very tiny image. (No idea how or why that is.)

Any and all help you can provide would be greatly appreciated. Thank you.

Cheers,

Tim

Hey Ismael,

I tried that but it doesn’t fix the gaps, it just makes the thumbnails on the gallery cut off. It happens on every screen that isn’t mobile. Regardless of the browser size.

Can you suggest another CSS fix?

Thank you,
Chris

Dear Mike,
Thank you. That solves the Featured Image part, but not the thumbnails in galleries. (Please see previous links.)
Please advise.
Best,
Tim

PS I am using the plugin Simple Image sizes to reset the thumbnail size, but it has no affect.
PPS This is error is true through the website: thumbnails too small, featured image often larger than the image itself. Here is another example:

• This reply was modified 8 years, 8 months ago by hypergolica.

The site is now live.
I altered my course and decided to link the gallery image to the corresponding section in my site. I install this plugin http://wordpress.org/plugins/wp-gallery-custom-links/ and insert this code:

add_filter(‘avf_avia_builder_gallery_image_link’, ‘avia_change_gallery_thumbnail_link’, 10, 4);
function avia_change_gallery_thumbnail_link($link, $attachment, $atts, $meta)
{
$custom_url = get_post_meta($attachment->ID, ‘_gallery_link_url’, true);
if(!empty($custom_url))
{
$link[0] = $custom_url;
$link[‘custom_link_class’] = ‘aviaopeninbrowser’;
}
return $link;
}

I added it into the functions.php by navigating Appearance / Editor / Templates and selecting Theme Functions (functions.php)

It added the tools correctly but when testing one of the images in the gallery it won’t link. Any suggestions?

I’d made the following alterations to functions file

/*
* register the layout classes
*
*/

$avia_config[‘layout’][‘fullsize’] = array(‘content’ => ‘av-content-full alpha’, ‘sidebar’ => ‘hidden’, ‘meta’ => ”,’entry’ => ”);
$avia_config[‘layout’][‘sidebar_left’] = array(‘content’ => ‘av-content-small’, ‘sidebar’ => ‘alpha’ ,’meta’ => ‘alpha’, ‘entry’ => ”);
$avia_config[‘layout’][‘sidebar_right’] = array(‘content’ => ‘av-content-small alpha’,’sidebar’ => ‘alpha’, ‘meta’ => ‘alpha’, ‘entry’ => ‘alpha’);

/*
* Register additional image thumbnail sizes
* Those thumbnails are generated on image upload!
*
* If the size of an array was changed after an image was uploaded you either need to re-upload the image
* or use the thumbnail regeneration plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/
*/

$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’][‘entry_with_sidebar’] = array(‘width’=>845, ‘height’=>321); // big images for blog and page entries
$avia_config[‘imgSize’][‘entry_without_sidebar’]= array(‘width’=>1210, ‘height’=>423 ); // images for fullsize pages and fullsize slider
$avia_config[‘imgSize’] = apply_filters(‘avf_modify_thumb_size’, $avia_config[‘imgSize’]);

Yet I still get 9 images generated every upload. It’s totally bonkers. I don’t know how others accept this.

Hi Mike thank you for your respond
in your image the download link is showed up in light box under the image. but I want it to be under thumbnail in gallery.
I want by clicking on thumbnail image, open light box to see a larger version of image and by clicking on caption beneath the image open a download link.

Man you are on a roll haha. I seriously appreciate this help! Okay im looking into moving this into a child theme now.

Last question, is there CSS to change how the images are shown in it? So it doesn’t round the thumbnails?

Thanks!

• This reply was modified 8 years, 8 months ago by ccyran.