Как заменить анимацию загрузки страницы

[DataPro]

Здравствуйте, подскажите пожалуйста как заменить анимацию(картинку) при загрузке страницы.
фон подходит, а анимацию заказчик просит заменить на играющий динамик, нашел гифку, ну как заменить её немогу найти, подскажите пожалуйста, возможно сможете подсказать где находится эта гифка, никак её даже найти не могу

Для просмотра ссылки Войди или Зарегистрируйся

 

[gradar]

Для просмотра ссылки Войди или Зарегистрируйся говорит что файл, который нужно заменить находится по адресу
url(../images/loader.gif)

 

[joylord]

анимация сделана c помощью css

#load .pace .pace-activity:before,
#load .pace .pace-activity:after {
    border: none !important;
}

#load .pace .pace-activity {
/*ваша гифка бекграундом*/
}

 

[DataPro]

а где найти код подскажите пожалуйста, и как заменить его на гифку.
или создать анимацию динамика на цсс.

анимация сделана c помощью css

 

[gradar]

анимация сделана c помощью css

Да, действительно в файле main.css прописан loader.gif

Переименуйте свой файл в loader.gif и положите его в папку images в папку темы, заменив существующий

 

[joylord]

Переименуйте свой файл в loader.gif и положите его в папку images в папку темы, заменив существующий

да при чем тут ваш loader.gif - это сделано с помощью css анимации. вы решили посты набить?

 

[DataPro]

да при чем тут ваш loader.gif - это сделано с помощью css анимации. вы решили посты набить?

Переименуйте свой файл в loader.gif и положите его в папку images в папку темы, заменив существующий

Заменил и согласен с пользователем Joylord оно заменило анимацию загрузки, вот только загрузки фоток на странице, а не загрузки лоадера.

Вопрос остаётся открытым, где в каком цсс файле поменять код.

 

[joylord]

Заменил и согласен с пользователем Joylord оно заменило анимацию загрузки, вот только загрузки фоток на странице, а не загрузки лоадера.

Вопрос остаётся открытым, где в каком цсс файле поменять код.

в /css/main.min.css добавьте в конец тот код, который я выслал.

#load .pace .pace-activity {
background:url(путь к гифке) 50% 50%;
}

 

[DataPro]

в /css/main.min.css добавьте в конец тот код, который я выслал.

#load .pace .pace-activity {
background:url(путь к гифке) 50% 50%;
}

к сожелению не получилось
Для просмотра ссылки Войди или Зарегистрируйся
Добавил код

#load .pace .pace-activity:before,
#load .pace .pace-activity:after {
border: none !important;
}
#load .pace .pace-activity {
background:url(../images/load.gif) 50% 50%;
}

Загрузил гифку
Для просмотра ссылки Войди или Зарегистрируйся

Анимация старая пропала, код появился, но картинка не отображается

 

[joylord]

#load .pace .pace-activity {
background:url(../images/load.gif) 50% 50%;
margin: -174px 0 0 -175px;
width: 348px;
height: 350px;
}

размеры выставите согласно картинке

гифка грузится долго, т.к. имеет большой вес. поэтому лоадер успевает к тому времени закрыться.