Grok vs ChatGPT vs Claude
Генерация видео от Google
Шуруповёрт из Cyberpunk 2077
Роботы Figure на кухне
Nothing Phone 3a

Размер шрифта в мобильной версии стандартных блоков на Tilda

Стандартные текстовые блоки на конструкторе сайтов Tilda имеют такое свойство, как менять размер шрифта в мобильной версии.
Вы почти всегда получаете сайт с разным размером шрифтов в разных блоках. Это портит впечатление от любого дизайна, а если вы используете ZERO блок, где вы всё контролируете, то получается полный хаос, но так приятно и так хочется использовать стандартные блоки чтобы не править потом в ZERO все 5 адаптивных версий, когда клиент поменял одну строчку на сайте.

Здесь нам на помощь приходит CSS

1.Создаем блок в Tilda с HTML кодом 123

2. Копируем в него вот это

<style type=text/css> @media screen and (max-width: 640px) { Этот текст заменим кодом из пункта 5-6 } </style>

3. Идём в браузер Chrome открываем его в режиме Inspect (правой кнопкой мыши по странице и самая нижняя строчка)

4. Ищем значок на открывшейся панели с иконкой телефона. Жмём её - сайт превращается в мобильную версию

5. Далее ищем все блоки текста на нашей странице, которые выглядит меньше нужного размера шрифта. Не забываем , что есть меню, футер, header, попапы. копируем их CSS-селекторы.

Как это делается - кликаем на текст и ищем справа CSS селектор, который содержит свойство font-size. Оно должно быть не зачеркнуто - активное. Например:

@media screen and (max-width: 639px) .t-text_md { font-size: 12px; line-height: 1.45; }

6. Копируем этот селектор вместе с закрывающими скобками внутрь скобок из пункта 2 , меняем шрифт на нужный. Например на 16px и сохраняем и закрываем наш блок HTML 123.

Получаем:

<style type=text/css> @media screen and (max-width: 640px){ .t-text_md { font-size: 16px; } .t977__menu { font-size: 16px;} .t450__right_descr { font-size: 16px; } .t-text_xs { font-size: 16px; } .t-descr_xl { font-size: 16px; } } </style>

7. Переопубликуем страничу. Чих-пых всё готов.Ставим лайк подписываемся на канал :)

Если нужна помощь в digital-маркетинге для ваших клиентов. https://antonmislawsky.com/taplink

88
реклама
разместить
8 комментариев

инструкция очень удобная! спасибо большое

Спасибо! не получается изменить размер букв в мобильном меню, у этого метода есть такое ограничение?

Конечно, зависит от того какой блок вы хотите поменять

Не работает. Без @media screen меняется размер, с ним нет.

не могу здесь ничего прокомментрировать. Не видя проект. У меня работает данная конфигурация

Аналогично! Работает без @media screen

Раскрывать всегда
Сдавал букет из 101 розы в аренду на 14 февраля и вот что заработал…
Сфотографировал, чтобы посоветоваться с мамой. Она лучше понимает, норм или не норм цветок. Для меня любая роза красивая.
8484
3636
1818
33
11
Не пережили бы живые розы столько переездов и фотосессий , ну
реклама
разместить
ЕС утвердил 16 пакет санкций против России — под них попали 13 банков и восемь СМИ

А также поставки PlayStation и Xbox в страну.

Фото «РИА Новости» 
3939
3333
1111
44
11
11
Когда на Санлайт наложат санкции?
Чем брокеры по недвижимости, инвестициям и ипотеке отличаются друг от друга и от риэлтора

На рынке недвижимости работают специалисты, выполняющие различные функции. Среди них выделяются брокеры по недвижимости, инвестициям и ипотеке. Часто термины «брокер» и «риэлтор» воспринимаются как синонимы, однако между ними существуют важные различия. В этой статье эксперты компании WEWALL разъяснят, чем отличается работа брокеров разных направле…

Чем брокеры по недвижимости, инвестициям и ипотеке отличаются друг от друга
11
День 1097: Путин поручил предусмотреть преимущества для российского бизнеса на случай возвращения иностранного

Собираем новости, события и мнения о рынках, банках и реакциях компаний.

Владимир Путин. Источник фото: «Ведомости»
3232
1919
33
Трамп, приди! Порядок наведи! Бренды западные верни! Мастеркард и визу подключи! В подъездах, как Обама, не сри! Прямые рейсы в Ньй-Йорк верни!
Apple инвестирует $500 млрд в производство в США и создаст 20 тысяч рабочих мест в течение следующих четырёх лет

До этого Трамп пригрозил ввести 10%-е пошлины на импорт из Китая, где компания производит большинство своих продуктов.

Глава Apple Тим Кук на инаугурации Дональда Трампа. Фото Bloomberg
1010
11
11
11
На моем производстве сотрудников чипируют, держат в холоде, ну и доят, конечно

У меня было 4 машины, двухкомнатная квартира и дом в центре города. Я был не последним человеком на заводе и привык не смотреть на цены в магазинах.

В остальном стараемся действовать традиционно. Это я с ивой — в будущем хочу давать её козам как средство от гельминтов
6464
66
11
11
Очень неоднозначное ощущение оставил матерал. Во1, я всё таки рекомендую воспользоваться господдержкой, если это возможно. Она для этого и придумана. Люди не будут против. Не пользоваться льготой, когда она очень сильно нужна - не благородство, а... Вобщем, берите поддержку и не выносите себе мозг. 2. Кажется, вы не в нуле только потому, что продали имущество. Начинайте прямо сейчас считать доходы и расходы, а то пойдете по миру. Это сначала кажется страшно, а потом окажется полезным. Я готова совершенно безвозмездно проконсультировать вас или жену как это сделать, если всё таки решитесь.
Anthropic запускает новую ИИ модель, которая «думает» столько, сколько вы хотите

Anthropic выпускает новую ИИ модель под названием Claude 3.7 Sonnet. Расскажу об особенностях модели.

Выбор того, как долго может рассуждать модель. <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Ftechcrunch.com%2F2025%2F02%2F24%2Fanthropic-launches-a-new-ai-model-that-thinks-as-long-as-you-want%2F&postId=1831635" rel="nofollow noreferrer noopener" target="_blank">Источник</a>.
Apple отключила российским разработчикам доступ к платформе Apple Developer Enterprise Program — на ней создавали iOS-приложения для корпоративного использования без публикации в App Store

Причины Apple не назвала.

Источник фото: AppleInsider
1313
77
66
55
22
Apple в очередной раз подтвердил - iPhone это для тех кто любит боль
[]