Как изменить ширину сайта?

Тема Reboot, Bono

По умолчанию, ширина сайта на устройствах, разрешение которых больше 1200 пикселей, равна 1190 пикселей. Из них: 300px – ширина сайдбара, 90px – отступ сайта слева и справа, 70px – отступ между контентом и сайдбаром, остальное – ширина контента.

Чтобы изменить ширину сайта на данных устройствах, перейдите в Внешний вид > Настроить > Дополнительные стили и добавьте следующий код:

/* Изменить ширину контента на устройствах больше 1200 пикселей */
@media (min-width: 1200px) {
.container, .fixed.block-after-site, .fixed.main-navigation-inner, .fixed.related-posts, .fixed.section-block, .fixed.section-html, .fixed.site-content, .fixed.site-footer-inner, .fixed.site-header-inner, .footer-navigation.fixed, .main-navigation.fixed, .site-footer.fixed, .site-header.fixed {
  max-width: 1190px;
}
}

Вместо 1190px укажите нужную ширину контента.

Чтобы изменить ширину сайдбара, перейдите в Внешний вид > Настроить > Дополнительные стили и добавьте следующий код:

/* Изменить ширину сайдбара */
@media (min-width: 992px) {
.content-area {
  max-width: calc(100% - 300px);
  flex: 0 0 calc(100% - 300px);
  padding-right: 70px;
}
}

.widget-area {
  max-width: 300px;
  flex: 0 0 300px;
}

Вместо 300px укажите нужную ширину сайдбара и вместо 70px укажите нужный отступ между контентом и сайдбаром.

Чтобы изменить ширину сайта на устройствах, разрешение которых больше 1400 пикселей, перейдите в Внешний вид > Настроить > Дополнительные стили и добавьте следующий код:

/* Изменить ширину контента на устройствах больше 1400 пикселей */
@media (min-width: 1400px) {
.container, .fixed.block-after-site, .fixed.main-navigation-inner, .fixed.related-posts, .fixed.section-block, .fixed.section-html, .fixed.site-content, .fixed.site-footer-inner, .fixed.site-header-inner, .footer-navigation.fixed, .main-navigation.fixed, .site-footer.fixed, .site-header.fixed {
  max-width: 1390px;
}
}

Вместо 1390px укажите нужную ширину контента.

Тема Root

По умолчанию, ширина сайта на устройствах, разрешение которых больше 1200 пикселей, равна 1170 пикселей. Из них: 740px – ширина контента, 340px – ширина сайдбара, остальное – отступ между контентом и сайдбаром.

/* Изменить ширину сайта на устройствах больше 1200 пикселей */
@media (min-width: 1200px) {
.container {
  width: 1170px;
}
}

Ширину 1170px можно изменить на другую.

Чтобы изменить ширину контента на данных устройствах, перейдите в Внешний вид > Настроить > Дополнительные стили и добавьте следующий код:

/* Изменить ширину контента на устройствах больше 1200 пикселей */
@media (min-width: 1200px) {
.content-area {
  width: 740px;
}
}

Ширину 740 можно изменить на другую.

Чтобы изменить ширину сайдбара на данных устройствах, перейдите в Внешний вид > Настроить > Дополнительные стили и добавьте следующий код:

/* Изменить ширину сайдбара на устройствах больше 1200 пикселей */
@media (min-width: 1200px) {
.widget-area {
  width: 340px;
}
}

Ширину 340 можно изменить на другую.

Вам помог ответ?