Intereting Posts
Удаление размеров изображений для пользовательского типа сообщения Используйте 'add_theme_support' вместо 'add_custom_image_header' В WordPress 3.4 Невозможно получить любые дочерние термины с помощью get_terms get_post_meta, производящий белый экран смерти Страница пользовательского архива на основе массива категорий и тегов Удаление персонализированного типа сообщений из результатов поиска ссылок Супер кеш кэширует мобильные страницы для рабочего стола Оператор WP_Query else else не выполняется Автозагрузка класса PHP – работающий снаружи, но не внутри плагина WordPress Не удалось получить доступ к панели управления (только wp-admin). Где мои ссылки js и css в заголовке? Как вывести миниатюру дважды в цикле Как получить комментарии со смешанным статусом с помощью get_comments? $ wpdb-> update не обновляет поле в базе данных Удалить родительскую категорию из URL-адреса дочерней категории

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

Я использую тему 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; }