Как добавить стили в боковую панель на основе виджета, который он содержит?

Question

Я впервые разрабатываю тему WordPress с нуля, и я только что создал собственный виджет для нижнего колонтитула, который содержит контактную информацию для сайта. Я использую Flexbox для макета до четырех столбцов нижнего колонтитула, и я хочу, чтобы столбец, содержащий этот пользовательский виджет, имел flex-basis: 2;, чтобы он был шире других в разы.

Как добавить имя класса в любой столбец, в который пользователь помещает пользовательский виджет?

РЕДАКТИРОВАТЬ: я сказал flex-basis, когда я имел в виду flex-grow.

Answer 1

Вместо того, чтобы добавить класс в столбец, возможно, лучше всего найти имя класса, который уже существует, а затем добавить код CSS.

Чтобы найти класс: Используя Chrome, осмотрите элемент. В окне консоли отобразится имя класса.
Затем перейдите в свою панель инструментов> Внешний вид> Редактор и добавьте свой собственный код CSS.

Например, на одном из моих сайтов, Я использовал левую боковую панель для виджетов и поместил туда несколько общих окон виджетов. Я использовал CSS, чтобы добавить стиль, который я хотел. Поэтому для названий я хотел, чтобы они выглядели как синие коробки с белыми буквами. Код выглядит так:

.widget-title {background-color: #004165; padding: 5px; color: #ffffff; margin-bottom: 15px;}
.widget-title {color: #ffffff !important; font-weight: normal !important;}