Как увеличить расстояние между строками в WordPress?

Question

[vladislavik95]

Не могу никак изменить расстояние между строками, я не программист, а в стандартном наборе редактора текста такой функции нет.
Вот пример станицы https://best10-vpn.com/what-is-vpn-and-how-it-works/

Или нормальный шрифт?))

Answer 1

[Орхан Гасанлы]

Увеличить расстояние между строками можно через css.
Если вы добавите стиль в файл style.css вашей темы этот код

p {
    line-height: 2 !important;
}

то увеличите расстояние межстрочный интервал для абзацев таким образом:
https://screenshots.firefox.com/iijY64RFexhWgdZd/b...

Чтобы сделать еще больше увеличьте значение 2 и больше. Чтобы уменьшить, соответственно уменьшьте. Например, 1.5

Comments

[vladislavik95]

Круто, сейчас попробую...отпишусь)

[vladislavik95]

конкретно этого текста не нашел

p {
line-height: 2 !important;
}

Но есть много строк line-height

Буду пробовать.

[Орхан Гасанлы]

Не нужно искать конкретный текст. Я написал вам тег, который увеличит межстрочный интервал для всех абзацев. И конечно же в теме вы не найдете текст, так как текст содержится в БД

[Орхан Гасанлы]

Нужно вставить в style.css (Админка - Внешний вид - Редактор - Файл стилей в самом внизу). Или же подключитесь через фтп wp-content/themes/ваша-тема/style.css

p {
line-height: 2 !important;
}

Если вы хотите увеличить интервал конкретного текста, а не всех то оберните текст в div тег
Например,

<div style="line-height:2;">
ВАШ ТЕКСТ ЗДЕСЬ
</div>

[vladislavik95]

[Орхан Гасанлы]

Все верно) В самом внизу добавьте код, сохраните настройки и откройте любой текст на странице

[vladislavik95]

azerphoenix, не повлияло)

[Орхан Гасанлы]

vladislavik95, не может быть)
если вы сделали все правильно, то попробуйте почистить кеш браузера и если есть плагин кеширования на сайте, то почтистить кеш сайта тоже

[vladislavik95]

Очистил кеш...Как я это сделал: Ctrl + Shift + I дальше нажимаю правой кнопкою на кнопку перезагрузить страницу и нажимаю на 3 строку. Не изменилось :)

[Орхан Гасанлы]

Как вижу код не добавлен
https://best10-vpn.com/wp-content/themes/bestvpn/s...

[vladislavik95]

Спасибо, изменилось, просто я чайник :) а это изменение пойдет на все страницы я так понял?? я можно сделать на отдельные ?

[Орхан Гасанлы]

12 многовато)))) поставьте, 1.2 или 2 или 1.5

[vladislavik95]

Просто проверял.....О, теперь текст читать намного приятней....Но, текст изменился везде. А можно отдельно к статье применить это изменение?

[Орхан Гасанлы]

На данный момент изменения касаются всех абзацев.
Можно добавить стиль для конкретных типов блоков. Просто, я же не знаю межстрочный интервал каких блоков вы хотите увеличить)

Например, если вы добавите этот код вместо другого, то вы увеличите интервал страниц подобных
этой https://best10-vpn.com/what-is-vpn-and-how-it-works/ (те которые содержат класс text-single)

.text-single p {
    line-height: 2 !important;
}

Или же как я сказал раньше... обернуть нужный текст в div блок (инструкция выше)

[vladislavik95]

Класс, спасибо. Как раз то что нужно. Целый день возился с этой проблемой, а кто то за 1 комментарий ее решает)

[Орхан Гасанлы]

Рад помочь)