Как переопределить глобальное верхнее заполнение элемента списка с помощью кода css в wordpress?

Поскольку стандартное заполнение элементов списка в WordPress выравнивает элементы списка слишком близко друг к другу, я ищу код CSS, который адресует элементы списка на глобальном уровне и устанавливает верхнее заполнение 14 пикселей.

Другими словами, я ищу способ глобально применить команду style = "padding-top: 14px;" через мой CSS вместо того, чтобы вставлять его в каждый элемент списка следующим образом:

<li style = "padding-top: 14px;" >

Большое спасибо за вашу помощь!

Обычно этого делать не нужно, так как ваш собственный CSS должен иметь приоритет (убедитесь, что он отображается после CSS темы), но пробовали ли вы .list-item {padding-top: 14px !important;}? Обратите внимание, что правило !important следует использовать только в крайнем случае, так как оно не может быть отменено. Или измените line-height из .list-item в вашем CSS.

Remote 12.01.2019 16:25

Я только что попробовал .list-item {padding-top: 14px;}, и он работает очень хорошо. Большое спасибо, Мэтт!

Alice Leblanc 12.01.2019 19:17

Нет проблем @AliceLeblanc, отметьте правильный ответ ниже :)

Remote 13.01.2019 22:11
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
3
66
1

Ответы 1

Выберите конкретный элемент списка, используя класс в вашем CSS:

.list-item { padding-top: 14px; }

Другие вопросы по теме