Как оформить блок ME604 в виде линий в Tilda
Время работы галереи:
вт.-сб. — 9:00–19:00
пн. — выходной день
Предстоящие выставки
5 – 13 МАРТА
Миша Митрохин
Исторический портрет
11 МАРТА
Мастерская Дениса Кудряшова
Скульптура
11 МАРТА
Открытие нового зала галереи в марте
5 – 13 МАРТА
Группа IAKO
Выставка фото плакатов 1995
Мы любим рассказывать об искусстве мира и новых проектах галереи. Наши новости приходят раз в неделю.
Перед тем как подписаться, прочитайте наше соглашение о персональных данных. Нажимая кнопку подписки, вы с ними соглашаетесь.
Резиденты галереи
Мы всегда рады новым знакомствам. Присылайте ваши предложения на gallery@email.com.
  • Михаил Тарасов
  • Георгий Гурия
  • Георгий Антропов
  • Илья Пирогов
  • Инесса Кудрина
  • Павел Сухарин
  • Марина Ивлеева-Пашкова
  • Ольга Тарасова
  • Ксения Полякова
  • Мария Узарова
  • Алексей Кондрашов
  • Аня Павлова
  • Виктор Хотько
  • Петр Маковеев
  • Илья Михалков
Наш адрес
Москва, Гранатный переулок, 5
Мы находимся на пересечении Гранатного и Вспольного переулка. 7 минут от метро Баррикадная пешком.

Телефон +7 123 345 56 78
E-mail haikao@email.com
Время работы вт-сб 9:00–19:00; пн — выходной
HAIKAO Gallery ©
Фотографии и тексты использованы для демонстрации возможностей шаблона сайта, пожалуйста, не используйте их в коммерческих целях.

Как оформить блок ME604 в виде линий в Tilda

1
Создали блок ME604
2
Задали:
- ширина точек 3рх
- вертикальный отступ 15рх
3
Вставили стиль в блок Другое - Т123
Библиотека примера 

<style>
.t607 .t-menu__link-item .t607__dot{
    width: 10px !important;
    border-radius: 0;
}
/*Положение меню по левой или правой стороне*/
.t607 { 
    left: auto;  /*auto справа ; 50px  - слева*/
    width: fit-content;
} 
.t607 .t-menu__link-item.t-active .t607__dot { width: 40px !important}
.t-active .t607__tooltip {
    visibility: visible  !important;
    opacity: 1 !important;
    background: none !important;
}
.t607__tooltip {background: none !important}
.t607__tooltip:after { display: none} 
.t607 .t-menu__link-item {
    padding: 10px 0px;
    width: 40px;
}
.t607 .t-menu__link-item:hover  .t607__dot {width: 40px !important}
.t607 .t-menu__link-item:hover .t607__tooltip {
    -webkit-transform: translateX(20%) translateY(-50%);
    transform: translateX(-20%) translateY(-50%);
}    
.t607 .t-menu__link-item:hover .t607__tooltip {
    visibility: hidden;
    opacity: 0;
}
</style>
Made on
Tilda