Поставяне прозрачна решетка върху снимки

Статията, към която е въпросното демо съдържа отговора:

.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/pattern.png) repeat top left; 
}

Ако замениш в този CSS класа .cb-slideshow с подходяш селектор за контейнера на изображенията и съответно адреса на pattern.png със същата картинка м твоя сайт ще получиш желания ефект.

CSS код може да се постави на много места из WordPress, най-добре е да е в темата – ако използвш готова тема, правиш дъщерна и добавяш допълнителния CSS в нея. Най-лесния вариант е да се добави в настройките на външния вид (Appearance -> Cutomise в администрацията) – там има поле за допълнителен CSS.