Как убрать паддинг у изображения баннера на определённой странице WordPress?

Question

[Sergey Sergeevich]

Приветствую!
На главной странице сайта вставляю изображение. Для этого просто создаю страницу и выбираю её как главную. Выбираю размер "Полный", привязка "По центру". Как смотрится в режиме "Редактировать как HTML" отобразил на скриншоте. Также есть плагин Page custom CSS (отобразил на скриншоте) возможно через него можно задачу решить.

Что хочу сделать: чтобы слева и справа жёлтой картинки, которая будет баннером, не было отступов, чтобы она была растянута также как и футер сайта (отобразил на скриншоте). Как мне это реализовать? Пробовал через functions.php добавлять что-то типа

function filter_ptags_on_images($content){
//функция preg replace, которая убивает тег p
    return preg_replace('/<p>\s*(<a .*>)?\s*(<img .* \/>)\s*(<\/a>)?\s*<\/p>/iU', '\1\2\3', $content);
}
add_filter('the_content', 'filter_ptags_on_images');

чтобы попытаться убить p теги, как я понял отвечающие за эти отступы, то есть паддинг. Пока неопытный в Web-разработке, рыл гугл, но так и не дорыл. Также рыл через "Исходный код страницы" всё связанное с паддингами, пока без результатов. Возможно у кого-то есть предложения как можно убрать эти белые отступы? Сам баннер в высоту составит 550px, а ширина уже неважно. Но в идеале считаю, что стоит оставить размеры баннера так, как они сейчас есть, а слева и справа просто с помощью background как-то дорисовывать до бесконечности жёлтый фон (#ffdd23), также как в случае с футером.

Адрес сайта: milkeekey.ru

Answer 1

[Danny Arty]

у Wordpress body каждой страницы имеет уникальный класс, например у главной обычно имеется класс home. Padding задается у родительского article с классом col-md-12, поэтому можно просто добавить в CSS

body.home article.col-md-12 {
padding-left: 0;
padding-right: 0;
}

Comments

[Sergey Sergeevich]

Спасибо за полезный ответ! Но простого добавления в style.css темы данного кода будет недостаточно. Результат:


Для сравнения можно взять первый скриншот в моём посте.

[Danny Arty]

Sergey Sergeevich, ааа, пардон как то пропустил мимо глаз то, что он должен быть шириной как футер. Ну тут надо этот баннер вытаскивать за контейнер и давать ему width: 100%;

[Danny Arty]

Sergey Sergeevich, вынесите div с классом page-description из site-content и все

[Sergey Sergeevich]

Danny Arty, лучший, спасибо!

Answer 2

[Sloth-invader]

а причем тут падинги? Ширина картинки ограничена шириной ее родительского элемента, общего для всего контента страницы. А вот футер как раз в него не входит, и поэтому растягивается на весь экран.

Comments

[Sergey Sergeevich]

Спасибо за полезный ответ! Но если мы снимем ограничение для общего контента, то тогда уже сдвинется и всё остальное, а не только картинка.

[Sloth-invader]

Можно попробовать закрыть родительский элемент до картинки, а потом открыть еще раз после нее