← Все примеры

CSS Чтение и фокус substack.com

Substack: крупнее подзаголовки h2/h3

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

Код для копирования

/* Larger and bolder section headings inside the post body */
.body.markup h2,
.available-content h2,
[class*="postBody"] h2 {
  font-size: 28px !important;
  line-height: 1.3 !important;
  margin-top: 1.6em !important;
  font-weight: 800 !important;
}
.body.markup h3,
.available-content h3 {
  font-size: 22px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

Как использовать этот пример

  1. Скопируй код кнопкой выше.
  2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
  3. Добавь новое правило, совпадающее с этой страницей.
  4. Вставь код в панель CSS правила и сохрани — эффект появится сразу.

Оцени этот пример

Оценок пока нет — оцени первым.

Этот пример работает?

Сниппеты бесполезны, если их некуда вставить.

JustZix устанавливается за 2 минуты и запускает твой код на каждой подходящей странице. Без аккаунта, без оплаты.

Скачать бесплатно Смотреть применение