Модификация мультиссылок (taplink). Фотограф Константин Шамин

Модификация мультиссылок (taplink)

Модификация страницы с мультиссылкой с помощью CSS:
— изменение отступов между кнопками;
— изменение размера текста на странице;
— изменение размера текста на кнопках
— отдельные настройки для десктопа, планшета и мобильной версии


Модификация мультиссылок (taplink). Фотограф Константин Шамин

Меня зовут Мария и я фотограф

+7 900 000 00 00

Санкт-Петербург


Как это сделано:

Добавьте на страницу с мультиссылкой HTML-блок, в который вставьте следующий код. Поправьте код на ваше усмотрения в соответствии с комментариями в нем.

<style>
/* десктоп */
.page-main > .sections-container {
   margin-bottom: 0px !important;
   margin-top: 20px !important; /* отступы между кнопками */
}
body {
   font-size:20px; /* размер текста */
}
.button {
   font-size:15px; /* размер текста на кнопках*/
}

/* планшеты */
@media screen and (min-width: 1280px) and (min-height: 960px) and (max-aspect-ratio: 2/1) {
   .page-main > .sections-container {
      margin-bottom: 0px !important;
      margin-top: 20px !important; /* отступы между кнопками */
    }
   body {
      font-size:25px; /* размер текста */
   }
   .button {
      font-size:20px; /* размер текста на кнопках*/
   }
}

/* мобильная версия */
@media screen and (max-width: 767px) {
   .sections-container:not(:last-child) {
      margin-bottom: 1.2em !important; /* отступы между кнопками */
   }
   body {
      font-size:20px; /* размер текста */
   }
   .button {
      font-size:15px; /* размер текста на кнопках*/
   }
}
</style>

Моды для Wfolio.ru

Модификация мультиссылок (taplink). Фотограф Константин Шамин

Удаление сообщения о Cookie на отдельной странице

Если вы включили Cookie на сайте (Настройки — Разные настройки — Уведомление об использовании cookie (GDPR)),...
Модификация мультиссылок (taplink). Фотограф Константин Шамин

Изменение цвета кнопок на отдельной странице

Модификация мультиссылок (taplink). Фотограф Константин Шамин

Скрываем блок от Инстаграм

Модификация мультиссылок (taplink). Фотограф Константин Шамин

Добавлние кнопок к форме обратной связи

Модификация мультиссылок (taplink). Фотограф Константин Шамин

Виджет обратного отсчета

Модификация мультиссылок (taplink). Фотограф Константин Шамин

Меняем светлую тему на темную (или любую другую)

Модификация мультиссылок (taplink). Фотограф Константин Шамин

Запрет индексации отдельной страницы

Модификация мультиссылок (taplink). Фотограф Константин Шамин

Скрытие пунктов меню в зависимости от языка сайта

Модификация мультиссылок (taplink). Фотограф Константин Шамин

Генератор случайных цифр

Виджет генератора случайных чисел. — задается диопазон «от» и «до»; — старт в один клик; — перебор других значений...
Модификация мультиссылок (taplink). Фотограф Константин Шамин

Виджет. Кнопка сохранения контактов

Данный виджет генерирует vCard — электронную визитку и её QR-код. Визитка поддерживает: — ФИО, — род...
Модификация мультиссылок (taplink). Фотограф Константин Шамин

Модицикация: выделение заголовка другим цветом

Иногда бывает необходимо выделить один или несколько заголовков другим цветом.
Модификация мультиссылок (taplink). Фотограф Константин Шамин

Модификация пакетов услуг

Модификация блока с ценами на пакеты услуг с помощью CSS/JS: — выравнивание высоты блоков с пакетами услуг в версии...