Portfolio item caption in portfolio grid

Hey Pieter,

Thank you for using Enfold.

You can only display the excerpt and title under the preview image by default. If you want the grid content to display over the image, try this css code.

.grid-content {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  height: 100%;
  width: 100%;
  padding: 20px;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.grid-entry:hover .grid-content {
  opacity: 1;
}

.grid-entry .image-overlay {
  display: none !important;
}

Best regards,
Ismael

Hi,

Thank you for the update. Please add this script in the functions.php file to trigger the grid entry link when you click on the grid content container.

add_action('wp_footer', 'ava_custom_script_trigger_grid_entry');
function ava_custom_script_trigger_grid_entry(){
?>
<script type="text/javascript">
(function($) {
    function a() {
        $('.grid-content').on('click', function() {
			$(this).trigger('av_trigger_grid_image_lightbox');
		});
		
		$('.grid-content').on('av_trigger_grid_image_lightbox', function() {
			$(this).prev('.grid-image').trigger('click');
		});
    }
    
    a();
})(jQuery);
</script>
<?php
}

Best regards,
Ismael

Hi,

Where did you add the css modification? Please add it in the Quick CSS field. Or provide the login details in the private field so we could test the modifications.

Best regards,
Ismael

Hi,

Thank you for the update.

It was being overridden by another css declaration from the minified css generated by autoptimize. We set an !important rule to the css modifications. You won’t be needing the plugin anymore because the theme has its own minification or compression feature now.

Best regards,
Ismael

Hi,

We modified the script and added a few css codes. It should work now.

Best regards,
Ismael

Hi,

We adjusted the script again. It should trigger the lightbox now. :)

Best regards,
Ismael

Hi,

Awesome! -Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)

Best regards,
Ismael