Отрегулируйте пробелы в заголовке и содержании фида виджета

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

Чтобы настроить расстояние между виджетами, вы можете создать новый файл CSS и добавить следующие классы с соответствующими значениями.

Настройка CSS по умолчанию для виджета[RSS] заглавие:

.fw-feed-title {
margin: 0px 20px;
padding: 20px 0px 15px 0px;
}

Настройка по умолчанию для виджета[RSS] основное содержание:

.fw-feed-item {
   margin: 0px 20px;
   padding: 20px 0px 15px 0px;
}

Для заголовка виджета используйте следующие классы

Фейсбук:

header .fw-fb-feed-header-title

Инстаграм:

header .fw-ig-header-title

YouTube:

 header .fw-yt-feed-title

Твиттер:

header .fw-tw-feed-header-title

Календарь Google:

header .fw-gc-feed-header-title

Для основного раздела содержимого фида используйте следующие классы

Фейсбук:

 #fw-fb-feed-items .fw-fb-feed-item

Инстаграм:

#fw-ig-feed-items .fw-ig-feed-item

YouTube:

.fw-yt-feed-item

Твиттер:

#fw-tw-feed-items .fw-tw-feed-item

Календарь Google:

#fw-gc-feed-items .fw-gc-feed-item

Структура заполнения/поля

padding:10px 15px 10px 15px;

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

Вставьте URL-адрес CSS → Перейдите → Раздел «Общие» → Нажмите «Дополнительные настройки» → «Пользовательская ссылка CSS».

Вы также можете использовать Дропбокс или же Гугл Диск для загрузки файлов CSS. Начать сейчас!