З цього туторіал Ви дізнаєтеся, як змінити значок завантаження сторінок в шаблонах WordPress.
Використовуйте інструмент розробника. такий як Firebug. для того щоб знайти код, який потрібно змінити в CSS. Оновлення сайт, клікніть правою кнопкою миші на значок завантаження і виберіть Дослідити з Firebug (Inspect with Firebug):
![Wordpress cherry 3 (wordpress) Wordpress cherry 3](https://images-on-off.com/images/139/wordpresscherry3-9fa7d5e5.jpg)
В поле Стиль (Style) Ви побачите код css, який виводить значок завантаження сторінки:
![Wordpress cherry 3 (wordpress) Wordpress cherry 3](https://images-on-off.com/images/139/wordpresscherry3-35fb3d89.jpg)
Скопіюйте всі правила, які Ви знайшли з потрібним селектором (в нашому випадку #loader) в поле Опції Cherry -> Загальні -> для користувача css (Cherry options -> General -> Custom css), для того щоб відредагувати їх:
![Wordpress cherry 3 (колір товщину ліній) Wordpress cherry 3](https://images-on-off.com/images/139/wordpresscherry3-50983d99.jpg)
Ви можете змінити ефект анімації, колір, товщину ліній і т.д .:
![Wordpress cherry 3 (wordpress) Wordpress cherry 3](https://images-on-off.com/images/139/wordpresscherry3-cc0b8e70.jpg)
Ви можете також ознайомитися з туторіали. який покаже, як працювати з анімацією в CSS.
Давайте змінимо колір HEX і товщину ліній значка завантаження, змінивши значення кольору і товщини кордону в правилі:
![Wordpress cherry 3 (cherry) Wordpress cherry 3](https://images-on-off.com/images/139/wordpresscherry3-5fec02fe.jpg)
Після редагування, натисніть на кнопку Зберегти зміни (Save options) і обновіть ваш сайт:
![Wordpress cherry 3 (cherry) Wordpress cherry 3](https://images-on-off.com/images/139/wordpresscherry3-4c427cf3.jpg)