Image Issues

Hey steveorrmedia,
Thank you for your patience and the link to your site, for your first issue I found that between 1340px & 1799px you were seeing the four images appear in one horizontal row and two in a row underneath with a big grey space next to it, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field t correct:

@media only screen and (min-width: 989px) and (max-width: 1799px) {
.responsive .av-masonry-col-flexible .av-masonry-entry {
    width: 33.3%;
}
}

For your second issue, having good titles for your images is good for SEO, but I notice that your titles are not very good, for example see the first screenshot below: “Steve5 In Action – Copy” try going to your media library and check each image and make the titles something that you would want to see on google like: “Award winning broadcaster Steve teaches”
Ok, then I know you don’t want to see the titles when you mouse-over the images, so to correct try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_remove_title_on_mouse_over_script() { ?>
  <script>
(function($){
  $('img').hover(function(e){
      $(this).attr('data-title', $(this).attr('title'));
      $(this).removeAttr('title');
  },
  function(e){
      $(this).attr('title', $(this).attr('data-title'));
  }); 
  $('.av-masonry-image-container').hover(function(e){
      $(this).attr('data-title', $(this).attr('title'));
      $(this).removeAttr('title');
  },
  function(e){
      $(this).attr('title', $(this).attr('data-title'));
  }); 
  $('a').hover(function(e){
      $(this).attr('data-title', $(this).attr('title'));
      $(this).removeAttr('title');
  },
  function(e){
      $(this).attr('title', $(this).attr('data-title'));
  }); 
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'custom_remove_title_on_mouse_over_script', 99);

Then clear your browser cache and check.

Best regards,
Mike

Hi,
The second code goes in your child theme functions.php file, I added it for you:

please clear your browser cache and check.

Best regards,
Mike

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
Glad we were able to help, and thank you for the kind words, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike