Нужна помощь CSS для веб-сайта WordPress, пытаюсь создать текстовые карточки, а мой текст просто обрезается из-за высоты строки текста, заполнения и размера шрифта

#css #wordpress #wordpress-theming

#css #wordpress #wordpress-тематизация

Вопрос:

У меня возникла проблема с моим основным текстом. Если текст длиннее ширины контейнера содержимого, он перекрывается сам на себя вместо начала новой строки. Вот как это выглядит на мобильном устройстве: https://imgur.com/dWrjstc .

Кроме того, я хочу сохранить высоту строки и отступ t как уже установленные.

Итак, есть ли обходной путь?

Кто-нибудь знает, как это исправить?

Комментарии:

1. У вас есть какой-нибудь код для показа?

2. shumaar.com/ghalib-ki-shero-shayari это страница, на которой есть проблемы

3. element.style { } .et_pb_text_26 h3 { семейство шрифтов: ‘Crete Round’, Georgia,»Times New Roman», serif; } h3 { размер шрифта: 20 пикселей; } h1, h2, h3, h4, h5, h6 { отступ снизу: 10 пикселей; цвет: rgba (0,0,0, .75); семейство шрифтов: Open Sans; вес шрифта: 700; интервал между буквами: .5px; высота строки: 1.3em; преобразование текста: верхний регистр;

Ответ №1:

Ваша высота строки установлена line-height: 0.2em; на .et_pb_text_5 p , вам нужно увеличить ее до line-height: 1.2em; Я знаю, вы сказали, что хотите сохранить его прежним, но я думаю, что это и вызывает проблему.

Вы также <p>amp;nbsp;</p> не уверены, что это необходимо, добавьте margin-bottom

Ответ №2:

добавьте свой css и проверьте текстовую карточку.

 p{ 
    line-height: 1.7em !important; 
    margin-bottom: 0px !important; 
}