Как установить правильно HTML5 шаблон на движок MODX?

Question

[ADEL A]

Установил xampp, и шаблон HTML на движок Modx, но проблема такая: здесь спрятаны 5 картинок которые меняются очередями при нажатии, а сами jpg файлы на самом деле спрятаны в main.css, и когда я поменял в main.css название картинки под свой в директории папки, ничего не поменялось, но если поменять через гугл F12 с наводкой мышки в ручную тогда картинка меняется.

Что я сделал не так при установке шаблона? Все стили подключены, всё прописано в "Начальном шаблоне": Этот шаблон - демо версия

Index.html:

<!-- Project Background -->
                <div class="bg">
                    <div class="overlay-bg"></div>
                    <div class="project-img project-1"></div>
                </div>
                <!-- overlay on slide -->
                <div class="overlay-swipe">
                    <div class="over-1"></div>
                    <div class="over-2"></div>
                    <div class="over-3"></div>
                    <div class="over-4"></div>
                    <div class="over-5"></div>
                </div>
            </div>

Main.css:

.project-1 {
    background: url('../img/portfolio/1.jpg') no-repeat;
}

.project-2 {
    background: url('../img/portfolio/2.jpg') no-repeat;
}

.project-3 {
    background: url('../img/portfolio/3.jpg') no-repeat;
}

.project-4 {
    background: url('../img/portfolio/4.jpg') no-repeat;
}

.project-5 {
    background: url('../img/portfolio/5.jpg') no-repeat;
}

Comments

[Ярослав Александров]

Первым делом вы проверили свою локальную версию этого html шаблона? У вас html локально всё работает как в примере?