Модификации

Как cделать изменение цвета иконок и ссылок при наведении в подвале (блок FT302) в Tilda

2025-11-24 21:39 Бесплатные

Инструкция

Данная модификация позволяет задать кастомный цвет для иконок социальных сетей и текстовых пунктов меню при наведении на них курсором (hover-эффект) в стандартном подвале FT302. Это простое решение, если не хочется создавать подвал с нуля в Zero Block.
1. Добавьте на страницу блок подвала FT302 и настройте его (добавьте ссылки на соцсети и пункты меню).
3. Добавьте на эту же страницу HTML‑блок T123 и вставьте в него код ниже.
4. В коде замените цвет #FFF на любой другой цвет в формате HEX, который вам нужен. Менять нужно в двух местах: для иконок и для текста.
Важно: Для смены цвета иконок соцсетей они должны быть загружены в формате SVG. С изображениями в PNG или JPG код работать не будет.
<!-- Скрипт для изменение цвета иконок и ссылок при наведении в подвале (блок FT302) на Tilda с сайта bulgkate.ru -->

<style>
    /* Соцсети: меняем цвет иконок по ховеру */
.t-sociallinks__item a:hover .t-sociallinks__svg path {
  fill: #FFF !important;
  transition: fill 0.2s ease;
}

/* Пункты меню в блоках t420: ховер по тексту */
.t420__descr ul li:hover,
.t420__descr ul li:hover a,
.t420__descr a:hover {
  color: #FFF !important;
  cursor: pointer;
  transition: color 0.2s ease;
}

</style>