You need to specify the class name using selectors syntax i.e: .novo
in your data-filter
attribute but you forgot the .
and just had novo
. Same for the others.
Change your data-filter
values to .novo
, .uncategorized
and .vesti
like this:
<div class="isotope-nav">
<ul class="isotope-filters">
<li><a class="#" data-filter="*">All posts</a>
</li>
<li><a class="novo isotope-link" href="#" data-filter=".novo">Novo</a>
</li>
<li><a class="uncategorized isotope-link" href="#" data-filter=".uncategorized">Uncategorized</a>
</li>
<li><a class="vesti isotope-link" href="#" data-filter=".vesti">Vesti</a>
</li>
</ul>
</div>
DEMO - updating the data-filter
values