remigi

Thank you Shaun for that fast reply!

I have given it a shot, it seems to be mostly working – except when you vote, the image is over the text.. any thoughts on that?

Thanks so much!!

Hi Shaun

Thank you for the prompt reply, I really appreciate it!

Ok, so where do I need to add the ‘tag’ (<?php echo nggv_imageVoteForm($image->pid); ?>) for the masonary template. I have been able to locate the following URL, which I feel ‘MAY’ be correct…
wp-content/plugins/nextgen-gallery-pro/modules/nextgen_pro_masonry/templates

however, there is a whole lot of code in there and im not sure where to place it (Code below).

Is this also where I need to add the inline height?

Thanks again!

Remigi

==========================================================

<?php $this->start_element(‘nextgen_gallery.gallery_container’, ‘container’, $displayed_gallery); ?>
<style type=’text/css’>
#ngg-gallery-<?php echo_h($displayed_gallery_id); ?> .ngg-pro-masonry-item {
margin-bottom: <?php print $padding; ?>px;
}
</style>
<div class=”ngg-pro-masonry” id=”ngg-gallery-<?php echo_h($displayed_gallery_id); ?>”>
<div class=’ngg-pro-masonry-gutter’ style=’width: <?php print $padding; ?>px’></div>
<div class=’ngg-pro-masonry-sizer’ style=’width: <?php print $size; ?>px’></div>
<?php $this->start_element(‘nextgen_gallery.image_list_container’, ‘container’, $images); ?>
<?php for ($i = 0; $i < count($images); $i++) { ?>
<?php $image = $images[$i]; ?>
<?php $thumb_size = $storage->get_image_dimensions($image, $thumbnail_size_name); ?>
<?php $this->start_element(‘nextgen_gallery.image_panel’, ‘item’, $image); ?>
<?php $this->start_element(‘nextgen_gallery.image’, ‘item’, $image); ?>
<div class=’ngg-pro-masonry-item’ style=’width: <?php echo $thumb_size[‘width’]; ?>px; height: <?php echo $thumb_size[‘height’]; ?>px;’>
get_image_url($image)); ?>”
title=”<?php echo esc_attr($image->description); ?>”
data-src=”<?php echo esc_attr($storage->get_image_url($image)); ?>”
data-thumbnail=”<?php echo esc_attr($storage->get_image_url($image, ‘thumb’)); ?>”
data-image-id=”<?php echo esc_attr($image->{$image->id_field}); ?>”
data-title=”<?php echo esc_attr($image->alttext); ?>”
data-description=”<?php echo esc_attr(stripslashes($image->description)); ?>”
<?php echo $effect_code ?>>
<img title=”<?php echo esc_attr($image->alttext); ?>”
alt=”<?php echo esc_attr($image->alttext); ?>”
src=”<?php echo esc_attr($storage->get_image_url($image, $thumbnail_size_name, TRUE)); ?>”
width=”<?php echo esc_attr($thumb_size[‘width’]); ?>”
height=”<?php echo esc_attr($thumb_size[‘height’]); ?>”/>

</div>
<?php $this->end_element(); ?>
<?php $this->end_element(); ?>
<?php } ?>
<?php $this->end_element(); ?>
</div>
<?php $this->end_element(); ?>

Sorry, I have found the Style.css sheet and have added 10px to the following file; however, the voting buttons are not showing up. Do I need to add the line item above to enable voting to another template?

.ngg-pro-masonry {
width: 100%;
height: 100%;
line-height: 10px;
margin: 0 auto;
}
.ngg-pro-masonry-item {
display: inline-block;
margin: 0;
padding: 0;
}
.ngg-pro-masonry-item a {
margin: 0;
padding: 0;
display: inline-block;
}
.ngg-pro-masonry-item a img {
margin: 0;
padding: 0;
width: 100%;
border: none;
}