masonry portfolio layout

Hi,
Sorry for the late reply, and thanks for the login, if I understand the question, on your test gallery you are not seeing all five of your portfolio categories, like this:

I was able to see all five after a few refreshes, because all five were shown in the images below, using the “random” order. It looks like all of your portfolio items were created on the same day and in category order, please try changing the published date on some of the posts mixing the categories better, for example try using 4 dates with 25% of the posts for each date with all categories for each date.
Then you may want to order by date, but try ordering by random also.

Best regards,
Mike

Hi,
Thanks, what I meant by adding the dates was to arrange the images so a better mix of categories would show. Another option is to show all items. Please check the test page.
The lightbox loads all images on the page, so even when you filter by “fireplace” and only two items show, the other items are loaded on the page, they are just not visible, so the lightbox still loads the images. We don’t have a way to change this.
We can hide the lightbox arrows and not allow the image to change on click so you only see the one image in the lightbox, would you like to try this?

Best regards,
Mike

Hi,
The login token seems to have expired, so I couldn’t check your site, but I tested on a similar lightbox situation so this css should work, but to make it more targeted so it doesn’t affect the whole site I will need to see your site again.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.mfp-arrow.mfp-prevent-close {
	display:none !important;
}
.mfp-content {
	pointer-events: none !important;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer !important; 
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,
To remove the titles of your images, try adding this code to the end of your functions.php file in Appearance > Editor:

function remove_title_on_hover(){
  ?>
  <script>
(function($){
  $("*").hover(function(){
    $(this).removeAttr("title");
  });  
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'remove_title_on_hover');

I realize that the page we are working on for the lightbox issue is a test page, so the only thing left to do is add the page ID to the css so it won’t accidentally cause issues, which page do you want it to work on, or do you want to have it work on all pages?

Best regards,
Mike

Hi,
To make it more specific I changed it to this:

function remove_title_on_hover(){
  ?>
  <script>
(function($){
  $("#top.page-id-1217 *").hover(function(){
    $(this).removeAttr("title");
  });  
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'remove_title_on_hover');

now it should only work on the one page.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike