Как убрать нижний пробел из footer (подвала) в wordpress?

1 ответ

Собственно сабж. В CSS "не хухры не мухры", подскажите пожалуйста что писать в доп. стили или что проще сделать?

Дополнительно:

или что проще сделать?

Проще предоставить ссылку на сайт или код этого подвала.

Установил, активировал плагин SiteOrigin CSS
Ввел туда:

.wp-site-blocks {   margin-bottom: 0px;   padding-bottom: 0px; }

.wp-site-blocks { margin-bottom: 0px; padding-bottom: 0px; }

Теперь все отлично, пробел снизу исчез.
За подсказку спасибо автору видео.

Нарушение п.3.8 Регламента. Скриншоты фрагментов кода запрещены.
Алан Гибизов, Алан, с уважением отношусь к блюдению правил, но суть скрина этого кода не в том чтобы продемонстрировать код, а в целом осветить ситуацию, надеюсь на ваше понимание.

Ответы:

Дальше или удаляете ваш "пробел" в footer.php или переопределяете стиль с новым значением.

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь

Лучший ответ

Артём Dev Ответ

Нижний белый пробел под footer в WordPress почти всегда появляется из-за CSS: у body, главного контейнера, блока темы или wrapper есть лишняя высота, padding, margin или min-height. Лечить это нужно после проверки инспектором, потому что универсального селектора для всех тем нет.

Что проверить первым:

body и html — нет ли margin/padding снизу;
основной wrapper темы: .site, .wp-site-blocks, #page;
footer — нет ли после него пустого блока;
виджеты подвала — нет ли невидимого элемента с фиксированной высотой;
плагины cookie/chat — иногда они добавляют пустой spacer.

Для блочных тем часто помогает такой вариант, но его нужно применять только если селектор действительно есть на сайте:

html,
body {
    margin-bottom: 0;
    padding-bottom: 0;
}
 
.wp-site-blocks {
    min-height: auto;
}
 
footer,
.site-footer {
    margin-bottom: 0;
}

html, body { margin-bottom: 0; padding-bottom: 0; } .wp-site-blocks { min-height: auto; } footer, .site-footer { margin-bottom: 0; }

Если пробел виден только у авторизованного пользователя, проверьте влияние админ-бара. Если только на мобильном — ищите фиксированные блоки, sticky footer или cookie-баннер.

Правильная диагностика такая: откройте DevTools, наведите на пустую область и посмотрите, какой элемент занимает это место. Именно его стиль и нужно править. Не стоит задавать overflow:hidden всему body: это может сломать мобильную прокрутку, якоря и всплывающие окна.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий Отменить ответ

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 1 ответ Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ Аккумуляторные батареи Почему при зарядке автостарта слышен писк, где искать причину? 1 ответ

Как убрать нижний пробел из footer (подвала) в wordpress?

Дополнительно:

Ответы:

комментарий Отменить ответ

Вам также может быть интересно

Ежедневно, круглосуточно