Intereting Posts
Отношение пользовательского типа сообщения с иерархическими родительскими и дочерними константами Получить фильтр parse_query для возврата slug вместо id Как сохранить атрибуты HTML5 на разметке Добавление новых сайтов в Multisite не будет зарегистрировано в Dashboard wp_dropdown_pages в форме виджетов Зарегистрируйте дополнительный размер изображения только для некоторых изображений в моей медиа-библиотеке Почему папки имеют пустые страницы Index.php? Как установить значение по умолчанию в качестве сохраненного значения после сохранения формы виджета? Как переопределить функциональность Woocommerce в разделе «Отчеты»? Как узнать, хочет ли пользователь показывать полный пост или выдержку? Автоматическое обновление с «закаленными» разрешениями Пользовательские меню, Виджеты и условные заявления новая настраиваемая тема – сообщения, отображаемые друг на друга Обновлено до php7.0, теперь обновления ssh не работают Могу ли я заставить WordPress использовать <i> вместо <em>?

Как изменить заголовок и нижний колонтитул на полную ширину?

Я использую тему Skeleton на этом веб-сайте .

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

Я просмотрел несколько других потоков, но мне не удалось пробиться к решению с помощью темы Skeleton.

Solutions Collecting From Web of "Как изменить заголовок и нижний колонтитул на полную ширину?"

Есть много способов добиться этого.

Прежде всего, прямо сейчас весь ваш контент (включая верхний и нижний колонтитулы) находится внутри .container с шириной 960 пикселей. Вы не можете заставить эти div быть 100% в ширину, когда они находятся внутри этого контейнера. Поэтому вам нужно изменить свой код, перемещая верхний и нижний колонтитулы за пределы контейнера. Я создал образец здесь .

ОБНОВИТЬ!

В header.php после тега body:

 <?php st_above_header();?> <?php st_header();?> <?php st_below_header();?> <?php st_navbar(); ?> <div id="wrap" class="container"> 

в footer.php прямо перед тегом тела:

  </div> <!-- End container --> <?php st_before_footer();?> <div class="inner-wrap"><?php wp_footer();?></div> <span class="border"></span> <?php st_after_footer();?> </div> <!-- End page container --> 

CSS:

 #footer { margin:0; height:auto; width:100%; bottom:0; /* stick to bottom */ background:#0C2044; border-top: 7px solid #549290; } #header { margin:0; width:100%; border-bottom: 7px solid #DD013F; } .inner-wrap, .inner, #megaMenu { margin: 0 auto; padding: 0; position: relative; width: 960px; } #page-container { position:relative; /* needed for footer positioning*/ margin:0 auto; /* center, not in IE5 */ width:100%; background:#f0f0f0; height:auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ min-height:100%; /* real browsers */ } .border {border-top: 7px solid #DD013F;width:100%; height:7px; float:left;} #navigation { margin: 0 0 1.5em; width: 100%; background: #549290; } #megaMenu.megaFullWidth { width:100%; max-width:960px; }