Isotope Layout yardımı CSS/HTML

Merhaba, porfolio websitem için bir galeri düzenliyorum. Fakat anasayfada eklediğim tüm resimler görünüyor. Bunların sayısını nasıl ayarlayabileceğimi bir türlü çözemedim.

Bu eklentiyi kullanıyorum. Aşağıda gösterilmemesini istediğim yerleri vurguladım. Bana bu konuda yardımcı olabilecek var mı acaba?

li:nth-child(1){} bu kodu düzenleyerek istediğinizi yapabilirsiniz.

Kod bu şekilde, nereye eklemeliyim acaba?

// on load
$(window).on('load', function(){

    // preloader
    $('.dtr-preloader').delay(400).fadeOut(500);
    
    // portfolio        
    $('.dtr-portfolio-grid').imagesLoaded( function () {
        $('.dtr-portfolio-grid').isotope(
            {
            itemSelector: '.dtr-portfolio-item',
            masonry: {},
            });
        });
        $('.dtr-filter-nav a').on('click', function () {
            $('.dtr-filter-nav a').removeClass('active');
            $(this).addClass('active');
            var selector = $(this).attr('data-filter');
            $('.dtr-portfolio-grid').isotope({
            filter: selector
        });
        return false;
    });
    
}); // close on load

wordpress değil mi ?

Hayır, HTML ve CSS

isterseniz css ile index numarasına göre display none yapabilirsiniz daha basit bir çözüm olur isterseniz anydesk verin yardımcı olayım.

Hocam halletti sağolsun teşekkür ediyorum.