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

  • petruchko

    (@petruchko)


    5 лет назад

    https://ibb.co/nb4H6JR — Так выглядит заголовок на ПК.

    https://ibb.co/VppjNB4 — Так он выглядит на смартфоне.

    Вопрос — как можно поменять шрифт/размер отдельно только для смартфонов, чтобы заголовки не были на 5+ строчек?

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • tuxfighter

    (@tuxfighter)

    5 лет назад

    С помощью медиазапросов в css

    zgd41

    (@zgd41)

    5 лет назад

    Например так:

    @media (max-width: 500px) {
body { font-size: 16px; } 
}
    Автор petruchko

    (@petruchko)

    5 лет назад

    @zgd41 Попробовал вставить эту строчку в Настройка — Дополнительные стили. Ничего не поменялось…

    tuxfighter

    (@tuxfighter)

    5 лет назад

    Ничего не поменялось…

    ну так это же пример, а не решение.
    напомню — здесь форум про ВП, а не про css.
    и да, не стоит пинговать ники, без крайней необходимости.

    fevenili

    (@fevenili)

    5 лет назад

    Попробуйте так:

    
@media (max-width: 720px){
h2.entry-title{
 font-size: 18px;
}
.entry-meta{
 font-size: 13px;
}  
.entry-summary{
 font-size: 15px;
}
.more-link-wrap a.post-more-link{
 font-size: 13px;
}
}
Просмотр 5 ответов — с 1 по 5 (всего 5)

Тема «Разные шрифты на мобильных и десктопах» закрыта для новых ответов.