WordPress как на ладони
Прибыльная монетизация. Выгодно. Безопасно. Стабильно. Очень Удобный и Быстрый Хостинг для сайтов на WordPress. Пользуюсь сам и вам рекомендую!

Заголовки темы css

Узнать - чем управляют эти операторы из кода папки стилей style.css (версия сайта WordPress 4.8.20 с темой оформления Twenty Seventeen).
Проблема была в том, что контент на сайте happyresume.ru очень узкий, ширина строки по полю сайта кажется короткой. Обратился к верстальщику, он посоветовал убрать пару строк в коде стилей папки style.css

Раздел кода
19.0 Media Queries

/* Front Page */

.panel-content .wrap {
	padding-bottom: 2em;
	padding-top: 3.5em;
}

.page-one-column .panel-content .wrap {
	max-width: 740px; - вот эту строку
}

.panel-content .entry-header {
	margin-bottom: 4.5em;
}

Про это написал - это код для главной страницы - и будет широкая строка

и из раздела кода

/* Single Post */

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	/* max-width: 740px; */  - вот эту строку
}

А про эту строчку написал - убираете эту строку и будут широкие внутренние страницы сайта

Хотел спросить - эти участки (разделы) кода чем управляют и можно ли так сделать, ничего не испортив - убрать эти две строки в коде?
Да, и есть ли вообще указатель (учебник, manual) - какие разделы и каких папок сайта WP чем на сайте управляют, в случае самого простого, типового кода, так как в этой теме ничего в коде не менял, такой достался от хостинга

0
all
месяц назад
  • 0
    Andrew481 america-xix.ru

    Чтобы понимать, "что чем управляет" нужно прочитать не документацию WP, а мануалы по CSS (Cascading Style Sheets), или хотя бы статью на вики.

    В случае используемой вами темы

    1. в первом случае блоку (куску кода страницы, ограниченному html-тегом div) с классом wrap, вложенному в блок с классом panel-content, в свою очередь вложенному в блок с классом page-one-column, задано стилевое свойство max-width: 740px.

    По умолчанию блоки на странице занимают всю доступную ширину родительского элемента (т.е. предполагается, что у них стилевое свойство max-width равно 100%). Блок с классом wrap с определенным свойством max-width: 740px не может быть шире 740 пикселей. Удаление этого свойства приведет к тому, что максимальная ширина блока станет равна максимальной ширине родительского элемента.

    2 То же свойство задано блоку с идентификатором primary во втором случае. Но здесь, чтобы свойство применилось, нужно соответствие определенным условиям
    блок с классом single-page, в который вложен блок primary, не должен иметь дополнительный класс has-sidebar
    блок с классом page и дополнительным классом page-one-column, в который вложен блок primary, не должен иметь дополнительный класс twentyseventeen-front-page
    блок с классом archive и дополнительным классом page-one-column, в который вложен блок primary, не должен иметь дополнительный класс has-sidebar

    Алексей 27 дней назад

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

    Комментировать
На вопросы могут отвечать только зарегистрированные пользователи. Вход . Регистрация