Intereting Posts
Пользовательское поле комментариев не отображается при входе в систему Добавить класс в форму ввода в форме входа Отобразить список настраиваемых типов сообщений, которые соответствуют таксономии Не удается сохранить значение настроек WordPress более одной базы данных на одной странице? Представлено для просмотра на страницу с черновиком Woocommerce – Фильтровать переменную продукцию по вариациям Атрибуты и вариации Обычная цена База данных WordPress резко возрастает, несмотря на отсутствие нового контента Является ли изменение должности из категории в большом блоге хорошей практикой? В зависимости от сторонних плагинов для функциональности темы Автоматическое создание сообщений для популярных тем или продуктов форума Попытка исправить раскрытие нескольких категорий Показать reCaptcha в пользовательской форме входа и регистрации Frontend Можно ли полностью заменить сообщение действием / фильтром? Неустранимая ошибка при доступе к страницам в WP admin (и проблемы с редактированием любых страниц)

Настройка пользовательского фона

В настоящее время я работаю над сайтом в образовательных целях.

Я хочу, чтобы все мои страницы выглядели так. Поскольку фон на сторонах сделан из изображения, а фон для контента серый.

У меня есть 3 проблемы, которые я не могу решить:

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

Я попытался решить это с помощью css.

Сначала я создал фон для всего моего элемента body

background-image:url('http://www.dadi.rtu.lv/image/tikls.svg');

И затем я попытался заполнить серый фон под контентом, подобным этому

 .entry-content { background-color: #e6e6e6; } #sidebar-primary { background-color: #e6e6e6; } .widget-area .widget { background-color: #e6e6e6; } .page article.page { background-color: #e6e6e6; } 

Поиск в google и stackoverflow я знаю, что он должен быть разрешен с использованием тегов div вокруг моего содержимого и предоставления ему моего цвета фона. Но я не могу понять это.

Мои страницы настроены так (кроме первого):

 <div class="grey"><!--this is my new div tag--> <div id="primary" class="content-area"> <main id="main" class="site-main" role="main"> </main><!-- #main --> </div><!-- #primary --> </div> 

CSS для моего нового тега div:

 .grey { background-color: #e6e6e6; display: block; } 

Моя цель – получить мой новый тег div из моей панели навигации до нижнего колонтитула с серым фоном. Я застрял с этим какое-то время, поэтому вся помощь будет оценена!

Используйте этот стиль css, чтобы сделать фоновое покрытие всей страницы:

 body { background-image: url('IMAGE URL'); background-repeat: repeat; width:100% overflow:hidden; float:left } 

Теперь создайте фон вашего контента:

 .grey { background-color: #e6e6e6; display: block; float:left; overflow:hidden; width:500px // You can also set as 100% } 

Не то, чтобы вы либо устанавливали ширину для своих элементов, либо плавали влево, чтобы иметь возможность установить ее фон.