Как оформить блок ME604 в виде линий в Tilda
Время работы галереи:
вт.-сб. — 9:00–19:00
пн. — выходной день
Мы любим рассказывать об искусстве мира и новых проектах галереи. Наши новости приходят раз в неделю.
Перед тем как подписаться, прочитайте наше соглашение о персональных данных. Нажимая кнопку подписки, вы с ними соглашаетесь.
Резиденты галереи
Мы всегда рады новым знакомствам. Присылайте ваши предложения на 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  - слева*/
.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