Actually, I spoke too soon. There is no filter in this template. The overlay issue is fixed, but but the filter is gone.
<h1>SHAME.</h1>
Luckily, it still seems to work if you just add the HTML from the flawed template back in. For anyone else who comes across this and needs this page to work, firstly you must add the following JavaScript to the bottom of the page:
:javascript
$(window).load(function(){
var $container = $('#posts');
$container.isotope({ transitionDuration: '0.65s' });
$('#blog-filter a').click(function(){
$('#blog-filter li').removeClass('activeFilter');
$(this).parent('li').addClass('activeFilter');
var selector = $(this).attr('data-filter');
$container.isotope({ filter: selector });
return false;
});
$(window).resize(function() {
$container.isotope('layout');
});
$("#posts").isotope({ filter: '*' });
});
And then obviously the HTML for the filter itself in the div with the class sidebar-widgets-wrap:
.widget.widget_links.clearfix
%h4 Blog Filter
%ul#blog-filter
%li
%a{"data-filter" => "*", :href => "#"}
%div Show All
%li
%a{"data-filter" => ".bf-image", :href => "#"}
%div Image
%li
%a{"data-filter" => ".bf-video", :href => "#"}
%div Video
%li
%a{"data-filter" => ".bf-sound", :href => "#"}
%div Sound
%li
%a{"data-filter" => ".bf-gallery", :href => "#"}
%div Gallery
Convert from haml to html with a free converter somewhere on the internet
